HTML and CSS

HTML and CSS from Scratch

Build accessible, responsive web pages from semantic HTML and maintainable CSS foundations.

This is one technology path. Learn React, Next.js, Node.js, JavaScript basics, and future tracks separately at your own pace.

Interview questions

coverage.map

Topics this track covers

document structuresemantic elementslandmarksheadingslinks and imageslists and tablesforms and labelsaccessibilityselectorscascadespecificityinheritancebox modelspacingtypographycolors and contrastFlexboxGridmedia queriesresponsive design

Semantic HTML Foundations

Create meaningful document structure before adding visual design.

Documents, elements, and attributes - 8 min
Landmarks and heading order - 8 min
Forms, labels, and accessible controls - 8 min

CSS Layout and Responsive Design

Style pages with deliberate spacing, flexible layout, and responsive constraints.

Selectors, cascade, and inheritance - 8 min
Box model and spacing - 8 min
Flexbox, Grid, and media queries - 8 min

Accessible Interface Patterns

Build navigation, dialogs, tables, and status feedback that work across input methods.

Modern CSS Architecture

Create resilient themes, components, animations, and layouts that scale.

Custom properties and semantic tokens - 8 min
Container queries and intrinsic layout - 8 min
Motion, preferences, and performance - 8 min