Stage 1: Semantic HTML and BEM CSS
Learn semantic structure with clear landmarks and class naming using blocks, elements, and modifiers.
Open Stage 1Stage 2: Tailwind CSS
Build with utility classes and spacing/color systems quickly using the Tailwind browser CDN.
Open Stage 2Stage 3: Design Components and Composition
Compose interfaces from reusable CSS components like cards, pills, buttons, and panels.
Open Stage 3