CSS Fundamentals

Make your web pages look great. Learn selectors, the box model, flexbox, and responsive design basics.

~8h total

6 lessons

~3h content

Pro Access

✦ Includes mini project

⭐ Certificate of completion

No setup required · 100% browser-based

What You'll Learn

Apply styles using selectors and properties

Master the CSS box model

Build responsive layouts with Flexbox

Use CSS variables for consistent theming

6 lessons · ~200 minutes

Selectors & Specificity

25 min

Concept

Box Model Deep Dive

30 min

Code-Along

Typography & Colour

25 min

Code-Along

Flexbox Layout

40 min

Code-Along

Responsive Design Basics

35 min

Code-Along

Mini Project: Styled Profile Card

45 min

Project

CSS3Browser IDE

Continue Your Journey

From HTML structure to interactive React apps — a complete path for building modern websites.