Learning Path

CSS Foundations

2 items | about 16 min total

Step 1 | Challenge

Build a Responsive Card Grid with CSS Flexbox

Practice CSS Flexbox by building a responsive product card grid that displays four columns on desktop, two columns on tablet, and one column on mobile.

CSSbeginner8 min

Open step

Step 2 | Challenge

Build a Dark Mode Toggle with CSS Variables and JavaScript

Learn how to create an accessible dark/light theme switch using CSS custom properties and a tiny JavaScript toggle.

Dark Mode / Themingbeginner8 min

Open step