Level 2 — Intermediate

These lessons cover specificity in depth, Flexbox and Grid in depth, positioning and stacking, responsive design with media queries, container queries, custom properties, modern units and math functions, pseudo-elements, advanced pseudo-classes including :has(), transforms, transitions, animations, web fonts, images and gradients, and overflow and scrolling. Recommended: the Level 1 lessons, especially selectors, the box model, and Flexbox.