Pico CSS

36 lessons: semantic HTML, forms, dialog/details, theming—Pico CSS v2 CDN in every playground (class-light).

Start lesson 1 → Introduction to Pico CSS

Before you start

Pico CSS—a minimal framework that styles semantic HTML elements with almost no classes—great defaults for content-heavy pages.

Shows a different philosophy from utility-heavy stacks: less markup noise, faster docs and blogs, accessible baselines out of the box.

Documentation sites, blogs, internal tools, and side projects where you want polish without a large class vocabulary.

36 iframe lessons with Pico CSS v2 CDN, hands-on challenges, interview prep, and 108 MCQs—semantic-first patterns, not copied vendor docs.

After HTML semantics and base CSS—especially if utility-first frameworks feel heavy for your use case.

Sequential — follow top to bottom

36 lessons are live in this track. Start from step 01 for the smoothest path.