HTML/CSS Mastery

Semantic HTML, responsive layouts with Flexbox and Grid, accessibility and design systems.

Beginner 6 modules about 12 h Free
Start track
  1. 1 Semantic HTML: Structure That Means Something Document structure, semantic elements, headings, links and images done right. 30 min
  2. 2 CSS Fundamentals: Selectors, the Cascade and the Box Model How CSS finds elements, which rule wins, and how every element's size is calculated. 35 min
  3. 3 Flexbox Layouts One-dimensional layout for navbars, toolbars, cards and centring anything. 30 min
  4. 4 CSS Grid Layouts Two-dimensional layouts: page structures, card grids and responsive designs without media queries. 35 min
  5. 5 Responsive Design and Accessibility Mobile-first CSS, media queries, fluid type, dark mode, focus styles and contrast. 35 min
  6. 6 Design Systems, Components and Modern CSS Build reusable components with tokens, BEM-style naming, utility frameworks and transitions. 40 min