Welcome to

Mastering CSS Layout

Unlock the Secrets of CSS Layouts with Practical Expertise in Design Patterns

Course Syllabus and Content

Learn the Best Practices and Design Patterns behind every CSS layout. Know exactly what you should and shouldn't do at all times. And develop the intuition to break every layout into its simplest building blocks and the ability to recreate it with both CSS Grid and Flexbox.

Module 1

Introduction

1 Lesson 2 Minutes

Learn why Design Patterns are so important and how they simplify and systemize CSS layouts

Module 2

Design Patterns in CSS Layout

8 Lessons 16 Minutes

Learn what are the 7 design patterns behind every single CSS layout in the world. What they are and when to use each of them.

Module 3

Design Patterns using CSS Grid

7 Lessons 32 Minutes

Deep dive into Design Patterns using CSS Grid. Learn exactly how to build each pattern with CSS Grid and practice your skills.

Module 4

Design Patterns using Flexbox

7 Lessons 30 Minutes

Deep dive into Design Patterns using Flexbox. Learn exactly how to build each pattern with Flexbox and practice your skills.

Module 5

Wrapping up

3 Lessons 5 Minutes

Learn advanced layout techniques, find out when to use Flexbox and when to opt in for CSS Grid and wrap up.