Free Learning Paths

Focused topics, clear order. Each learning path guides you through one concept at a time, with curated resources to help you build real understanding.

If you are brand new to web development, I'd suggest you start with my free course, HTML & CSS for absolute beginners.

Getting started with Flexbox

Learn how to create flexible, responsive layouts with Flexbox. From basic alignment to complex layouts.

What you'll learn:

  • Flexbox essentials
  • Alignment & Justification
  • Responsive design

CSS Grid Fundamentals

CSS Grid doesn't have to be complicated. Learn the core concepts you'll use every day.

What you'll learn:

  • Grid essentials
  • Keeping grid simple
  • Grid areas
  • Responsive grids

Making Grid work for you

Moving beyond the basics of Grid, learn to take advantage of some of it's most useful features.

What you'll learn:

  • Responsive grids
  • Intrinsic layouts

Responsive layout basics

Making layouts responsive doesn't have to be hard. Learn some tips, tricks, and best practices that help you create them with ease.

What you'll learn:

  • Responsive grids
  • Intrinsic layouts

Understanding Positioning

Finally understand how positioning works in CSS. Static, relative, absolute, fixed, and sticky explained.

What you'll learn:

  • Position values
  • Stacking context
  • Containing blocks
  • Practical examples