Progression

CSS · Intermediate - build real things

• Cascade, specificity, and inheritanceLearn to predict which CSS rule wins using specificity, and leverage inheritance to write less code.
• Flexbox: axes, justify/align, gap, flex-growMaster Flexbox's two axes to align, center, and distribute your elements in everyday layouts.
• Grid: columns, rows, areasBuild galleries and complete page layouts with CSS Grid's columns, rows, and named areas.
• Positioning: relative, absolute, fixed, sticky, z-indexAnchor badges, headers, and modals exactly where you want them with CSS positions and a well-managed z-index scale.
• Responsive design: media queries, relative unitsAdapt your interfaces to every screen size with the mobile-first approach, media queries, and the rem, %, and vw units.