CSS COURSE · 15 CHAPTERS

CSS Learning Roadmap

Design, layout, responsive — har chapter explanation + live Run Code.

Home / CSS Roadmap
CSS progress0%
0 / 15 complete
CHAPTER 01

CSS Introduction

CSS kya hai, 3 ways to add

Not startedStart →
CHAPTER 02

Selectors

Element, class, id

Not startedStart →
CHAPTER 03

Colors & Units

Hex, RGB, px, rem

Not startedStart →
CHAPTER 04

Typography

Fonts, size, line-height

Not startedStart →
CHAPTER 05

Box Model

Padding, border, margin

Not startedStart →
CHAPTER 06

Backgrounds

Color, gradients

Not startedStart →
CHAPTER 07

Display & Position

block, inline, position

Not startedStart →
CHAPTER 08

Flexbox

Modern 1D layout

Not startedStart →
CHAPTER 09

CSS Grid

2D layout

Not startedStart →
CHAPTER 10

Responsive Design

Media queries

Not startedStart →
CHAPTER 11

Transitions & Hover

Smooth effects

Not startedStart →
CHAPTER 12

CSS Variables

Design tokens

Not startedStart →
CHAPTER 13

Pseudo-classes

hover, focus, before

Not startedStart →
CHAPTER 14

Best Practices

Clean scalable CSS

Not startedStart →
CHAPTER 15

Mini Project

Profile card

Not startedStart →