SKILL JOURNEY
CSS
Style every pixel
0/28
Lessons
0/2340
XP
0%
Complete
Up next · Lesson 1
Text Color
1YOU ARE HERE
Lesson 1+50 XP
Text Color
Selector + property.
▶ Continue here
2
Lesson 2+50 XP
Background
Solid background.
🔒 Locked
3
Lesson 3+60 XP
Font Size
Set type size.
🔒 Locked
4
Lesson 4+70 XP
Padding
Inner space.
🔒 Locked
5
Lesson 5+60 XP
Margin
Outer space.
🔒 Locked
Clear all 5 lessons to unlock the chest
6
Lesson 6+80 XP
Border
Outline a box.
🔒 Locked
7
Lesson 7+60 XP
Border Radius
Rounded corners.
🔒 Locked
8
Lesson 8+60 XP
Class Selector
Target by class.
🔒 Locked
9
Lesson 9+60 XP
Id Selector
Target by id.
🔒 Locked
10
Lesson 10+80 XP
Descendant
Nested selector.
🔒 Locked
Clear all 5 lessons to unlock the chest
11
Lesson 11+70 XP
Hover State
Pseudo-class.
🔒 Locked
12
Lesson 12+90 XP
Flex Center
Center children.
🔒 Locked
13
Lesson 13+80 XP
Flex Column
Vertical stack.
🔒 Locked
14
Lesson 14+100 XP
Grid Columns
Two equal columns.
🔒 Locked
15
Lesson 15+90 XP
Position
Layered layout.
🔒 Locked
Clear all 5 lessons to unlock the chest
16
Lesson 16+110 XP
Media Query
Responsive.
🔒 Locked
17
Lesson 17+100 XP
Transition
Smooth changes.
🔒 Locked
18
Lesson 18+100 XP
Transform
Rotate, scale, translate.
🔒 Locked
19
Lesson 19+130 XP
Keyframes
Reusable animation.
🔒 Locked
20
Lesson 20+80 XP
CSS Variable
Reusable values.
🔒 Locked
Clear all 5 lessons to unlock the chest
21
Lesson 21+80 XP
Gap
Space between flex/grid kids.
🔒 Locked
22
Lesson 22+100 XP
Box Shadow
Drop shadow.
🔒 Locked
23
Lesson 23+60 XP
Opacity
Transparency.
🔒 Locked
24
Lesson 24+70 XP
Z-Index
Stack order.
🔒 Locked
25
Lesson 25+110 XP
Gradient
Smooth color blend.
🔒 Locked
Clear all 5 lessons to unlock the chest
26
Lesson 26+110 XP
Calc
Math in CSS.
🔒 Locked
27
Lesson 27+110 XP
Pseudo-Element
::before / ::after.
🔒 Locked
28
Lesson 28+120 XP
Clamp
Responsive sizing.
🔒 Locked
Clear all 3 lessons to unlock the chest
CSS Master