All lessons

CSS – Layouts & Cool Effects

Master flexbox layouts, hover animations, gradients and transitions — the skills that make websites feel alive and professional!

0/3 lessons done 80 XP total
  1. 1

    Flexbox – The Magic Layout Tool!

    Arrange elements side-by-side, centre things perfectly, and build nav bars and card grids with flexbox!

    25
  2. 2

    Hover Effects & Transitions – Bringing Pages to Life!

    Add smooth animations when users hover over buttons, make things grow, change colour and slide — without any JavaScript!

    25
  3. 3

    Responsive Design – Websites that Work Everywhere!

    Make your website look great on phones, tablets and computers using media queries and flexible CSS techniques.

    30
Start first lesson