Learn CSS: styles and layout for beginners.
CSS connects the structure of your page to a readable visual layout. This path moves from a first rule to a responsive composition.
Start CSS ↗What you’ll build
Style a page, control its spacing, and create a layout that adapts to the available width.
Before you start
You should be comfortable reading basic HTML. The HTML path is a useful starting point.
Your five steps
- 01↗
Your first styles
Select an element. Change how it looks.
- 02↗
The box model
Understand the space around every element.
- 03↗
Layout with Flexbox
Arrange a row that can adapt.
- 04↗
Layout with Grid
Build a layout in rows and columns.
- 05↗
Responsive design
Let the layout follow the available space.
How to use this course
Read the idea, change the example, and run it. Each lesson includes a practice prompt and a knowledge check. Your progress stays in this browser; there is no signup or certificate.
Plan around 25 minutes for a first pass, and give yourself more time to experiment.
After this path: continue with JavaScript →