Conquering Responsive Layouts
- Buy now
- Learn more
Introduction

Delayed 0 days
Day 1 | Using percentages & avoiding heights

Delayed 0 days
Day 2 | Getting familiar with relative units

Delayed 1 days
Day 3 | Enter max-width

Delayed 2 days
Day 4 | Extra curricular activities

Delayed 3 days
1. Some extra material if you're interested
2. CSS Units: vh, vw, vmin, vmax
Day 5 | Practice time!

Delayed 4 days
Day 6 | Review

Delayed 5 days
Day 7 | Solution to challenge #3

Delayed 6 days
1. My solution to challenge #3
2. challenge-finished.zip
Day 8 | Flexbox Basics

Delayed 7 days
Day 9 | A deeper dive into flexbox

Delayed 8 days
Day 10 | Extra curricular activities

Delayed 9 days
1. A deeper dive into flexbox
Day 11 | Using flexbox for a navigation

Delayed 10 days
Day 12 | Getting fancy with navigations

Delayed 11 days
Day 13/14

Delayed 12 days
1. Break time!
Day 15 | Intro to media queries

Delayed 14 days
1. Media query basics
2. Adding one to our layout
Day 16 | What breakpoints to use?

Delayed 15 days
1. How do decide what breakpoints to use?
2. The 100% correct way to do CSS breakp...
Day 17 | The viewport meta tag

Delayed 16 days
1. The meta viewport tag
Day 18 | Challenge solution & Mobile-first

Delayed 17 days
Day 19 | Mobile navigation challenge

Delayed 18 days
Day 20 | Mobile navigation challenge solution

Delayed 19 days
1. Navigation Challenge | My Solution
Day 21 | You've done it!

Delayed 20 days

Day 5 | Practice time!

Let's put when you've learned so far to the test!

3 Lessons