Skip to content
Launchpad

Track

HTML & CSS track

The structure and skin of the web: semantic documents, the box model, and responsive layout with flexbox and grid.

html track

Ordered the way it's meant to be learned — each lesson assumes the ones before it.

6 lessons live

HTML & CSS Fundamentals

Semantic document structure, the box model, flexbox and responsive layout.

  1. HTML & CSS Fundamentals: Structure & SemanticsWhat HTML is for, how the document skeleton fits together, and why choosing the right element - headings, lists, semantic landmarks - serves every reader.35 minbeginner
  2. HTML & CSS Fundamentals: Text, Links & MediaLinks with absolute and relative URLs, honest alt text on images, figures, scoped data tables, and the entities that print < > & safely.35 minbeginner
  3. HTML & CSS Fundamentals: Selectors, Cascade & the Box ModelConnect a stylesheet, target elements with element, class and descendant selectors, read the cascade and specificity, and size boxes with the box model.40 minbeginner
  4. HTML & CSS Fundamentals: Layout with Flexbox & GridFlexbox for one-dimensional rows, grid for two-dimensional pages, a responsive card row with auto-fit and minmax, and a first honest media query.45 minbeginner
  5. HTML & CSS Fundamentals: Responsive Design & Mobile-First LayoutsThe viewport meta tag, mobile-first reasoning, relative units and clamp(), media queries chosen by content rather than device names, responsive images with srcset, and the 320-pixel test that catches it all.45 minbeginner
  6. HTML & CSS Fundamentals: Accessibility & Inclusive DesignLandmarks and heading outlines, keyboard focus that stays visible, honest alt-text decisions, the 4.5:1 contrast rule, and ARIA only in the places where HTML cannot do the job.40 minbeginner

Part of the Web Developer path