AI Coding Educator
  • Start Here
  • Lessons
  • Tutor
  • Sandbox
  • About
  • Start Here
  • Motivation
    • Why Build
    • Why Teach
  • Lessons
    • Concepts
      • Websites
      • Web Design
      • Web Coding
      • User Experience
      • Content Strategy
      • Responsive Design
      • Search Engine Optimization
      • Quality Assurance
    • HTML
      • Summary
      • Structure
      • Attributes
      • Block Elements
        • Summary
        • Boxes
        • Headings
        • Paragraphs
        • Lists
        • Tables
      • Inline Elements
        • Summary
        • Links
        • Images
        • Inputs
        • Buttons
        • Format
    • CSS
      • Summary
      • Cascade
      • Selectors
      • Box Model
        • Summary
        • Size
        • Margin
        • Padding
        • Border
      • Layout
        • Summary
        • Display
        • Grid
        • Flex
        • Float
        • Clear
      • Position
      • Overflow
      • Images
      • Background Images
      • Typography
      • Background
      • Color
      • Presence
      • Transform
      • Events
        • Summary
        • Hover
        • Hover Trigger
        • Focus
        • Transition
      • Breakpoints
    • JavaScript
      • Summary
      • Change Text
      • Change Style
      • Change Image
      • Show Content
      • Change Class
      • Read Input
      • Click Button
      • Change Input
      • Add Content
    • Setup
      • Base Files
      • Base HTML
      • Base CSS
      • Text Editor
      • Local Development
      • Hosting
  • Links
    • Tools
    • References
  • AI Tutor
  • Code Sandbox
  • Articles
  • About
  • Sitemap
  • Search

Sitemap

Pages

  • Privacy Policy
  • Blog
  • Home
  • Introduction
    • Motivation
      • Why Build A Website?
      • Why Teach Web Development?
  • Lessons
    • Concepts
      • Websites
      • Web Design
      • Web Coding
      • User Experience
      • Content Strategy
      • Responsive Design
      • Search Engine Optimization
      • Quality Assurance
    • HTML
      • Structure
      • Attributes
      • Block Elements
        • Boxes
        • Headings
        • Paragraphs
        • Lists
        • Tables
      • Inline Elements
        • Links
        • Images
        • Inputs
        • Buttons
        • Format
    • CSS
      • Cascade
      • Selectors
      • Box Model
        • Size
        • Margin
        • Padding
        • Border
      • Layout
        • Flex
        • Grid
        • Clear
        • Display
        • Float
      • Position
      • Overflow
      • Images
      • Background Images
      • Typography
      • Background
      • Color
      • Presence
      • Transform
      • Events
        • Hover
        • Hover Trigger
        • Focus
        • Transition
      • Breakpoints
    • JavaScript
      • Change Text
      • Change Style
      • Change Image
      • Show Content
      • Change Class
      • Read Input
      • Click Button
      • Change Input
      • Add Content
    • Setup
      • Base Files
      • Base HTML
      • Base CSS
      • Text Editor
      • Local Development
      • Hosting
  • AI Tutor
  • Code Sandbox
  • About

Posts

  • Why isn’t JavaScript classList.add() Working?
  • Why Isn’t Margin Auto Centering My Element?
  • Why Isn’t My CSS Background Image Showing?
  • Why Is My CSS Box Wider Than the Width I Set?
  • Why Isn’t My CSS Selector Working?
  • Why Isn’t Overflow Hidden Working in CSS?
  • Why isn’t my CSS applying to my HTML?
  • Why Isn’t Z-Index Working in CSS?
  • What Does href=”#” Mean in HTML?
  • Why Isn’t My CSS Media Query Working?
  • Flexbox vs Grid: Which Should You Use?
  • Why Isn’t Position Sticky Working in CSS?
  • Why Isn’t Justify-Content Working in CSS Flexbox?
  • Display None vs Visibility Hidden in CSS: What Is the Difference?
  • Why CSS Hover Doesn’t Work on Mobile and What to Use Instead
  • What Is a Box in HTML and CSS? A Beginner’s Guide to Web Page Layout
  • Block vs Inline Elements in HTML: The Practical Difference for Beginners
  • Margin vs Padding in CSS: What Is the Difference?
  • Why Your HTML Image Isn’t Showing Up and How to Fix It
  • Web Development Tips for Teachers Using ChatGPT
  • What is AI Coding Educator?
  • Teaching Kids Web Development After School with ChatGPT
  • GitHub CoPilot Chat (GPT4) Hidden System Prompts
  • ChatGPT is Here to Stay: Why Teachers Need to Adapt and Innovate
  • Don’t Read Much About ChatGPT. Just Start Using It. [An Informal Intro]
  • Easily Add ChatGPT to a WordPress Theme [Full Code]
  • Clearly Defining ChatGPT [Without the Hype]
  • How ChatGPT Changed My Career in Web Development Overnight
  • Planning to Teach Web Development Using ChatGPT

Copyright © 2026 Julian Ware

Privacy Policy