All modules

8 modules, 42 slides and 24 challenges across 2 days

Day 1

Foundations

Module 01

What CSS is, syntax, three ways to add it, and using developer tools.

Module 02

Element, class, and ID selectors. Pseudo-classes, specificity, and how the cascade resolves conflicts.

Module 03

Content, padding, border, margin, box-sizing, and overflow — the foundation of all CSS layout.

Module 04

Color formats, backgrounds, gradients, font basics, text layout, and web fonts.

Day 2

Module 05

Display types, relative/absolute positioning, fixed and sticky, z-index, and stacking contexts.

Module 06

Introduction to flexbox, main and cross axis, alignment, wrapping, and the power of centering with flexbox.

Module 07

Flex item sizing, the flex shorthand, gap, order, and real-world flex layout patterns.

Module 08

Custom properties, scoping, theming, fallbacks, calc, and building a mini design system with variables.