Skip to content
KodeTrail

CSS

Make the web beautiful.

Beginner13 lessons≈2 h 56 min total
Start this trail

Begins with: What is CSS?

Trail map

  1. Camp 1

    Getting started

    What CSS is, how to attach it, and how selectors think.

    1. What is CSS?8 min
    2. Three ways to add CSS10 min
    3. Selectors14 min

  2. Camp 2

    Colors & text

    The properties that give pages personality.

    1. Colors12 min
    2. Typography14 min
    3. Units: px, rem, %, and friends12 min

  3. Camp 3

    The box model

    Every element is a box. Master the box, master CSS.

    1. The box modelOn the trail map
    2. Margin, padding, and bordersOn the trail map
    3. display: block, inline, and noneOn the trail map

  4. Camp 4

    Layout

    Flexbox, Grid, and responsive design — modern layout done right.

    1. FlexboxOn the trail map
    2. Grid basicsOn the trail map
    3. Responsive designOn the trail map
    4. Project: card layoutOn the trail map