Css

Learn Css in a practical order—from the fundamentals to work you can confidently share.

In short— Hakuna kurukaruka tutorials. Follow the route, practice each stage, then ship kitu real.

Free roadmap

What you'll learn

Click any stage kufungua full details.

01Stage 01Get the core rightIntroduction • CSS Basics • CSS Variables

Understand the browser, syntax and main building blocks first.

Focus on

  • Introduction
  • CSS Basics
  • CSS Variables
Build check: Write a one-page Css glossary in your own words.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

02Stage 02Core building blocksCSS Functions • Units With Functions • Performance

Connect the important concepts so you can explain what the tools are doing—not just copy commands.

Focus on

  • CSS Functions
  • Units With Functions
  • Performance
Build check: Complete three focused Css exercises without following a full tutorial.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

03Stage 03Everyday workflowAbsolute • Absolute Vs Relative • Accessibility

Practice the techniques you will use repeatedly in real projects and team environments.

Focus on

  • Absolute
  • Absolute Vs Relative
  • Accessibility
Build check: Recreate a small Css example, then change one major requirement.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

04Stage 04Build something usefulAttribute Selectors • Background • Background Attachment

Turn the knowledge into a small project with a clear user, purpose and finish line.

Focus on

  • Attribute Selectors
  • Background
  • Background Attachment
Build check: Build a useful mini-project with Css.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

05Stage 05Quality and productionBackground Color • Background Gradient • Background Image

Add testing, security, performance and maintainability before calling the work complete.

Focus on

  • Background Color
  • Background Gradient
  • Background Image
Build check: Review, test and improve the project like it is going to real users.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

06Stage 06Ship proofBackground Position • Bem • Block

Publish a polished project, document your decisions and make the learning visible.

Focus on

  • Background Position
  • Bem
  • Block
Build check: Publish the project with a clear README and a short build story.

Usibinge theory pekee—test hii stage kwa project ndio ishike.

Now build kitu real.

Pick a project that solves an actual problem, ship it, then explain your choices. Hapo ndio skill inakuwa proof.

Choose another path