Mastering CSS Layout
1h 27m 20s
English
Paid
March 16, 2024
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.
Watch Online Mastering CSS Layout
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Mastering CSS Layout Welcome | 02:40 |
2 | Introduction to Design Patterns | 02:33 |
3 | The Stack Design Pattern | 03:01 |
4 | The Inline-Cluster Design Pattern | 01:29 |
5 | The Split Design Pattern | 01:17 |
6 | The Cover Design Pattern | 01:33 |
7 | The Center Design Pattern | 02:27 |
8 | The Column-Drop Design Pattern | 01:45 |
9 | The Grid Design Pattern | 02:00 |
10 | Introduction to Application | 06:08 |
11 | The Stack Design Pattern in CSS Grid | 04:27 |
12 | The Inline-Cluster Design Pattern in CSS Grid | 06:15 |
13 | The Split Design Pattern in CSS Grid | 03:20 |
14 | The Cover Design Pattern in CSS Grid | 03:27 |
15 | The Center Design Pattern in CSS Grid | 03:33 |
16 | The Grid Design Pattern in CSS Grid | 05:28 |
17 | The Stack Design Pattern in Flexbox | 01:48 |
18 | The Inline-Cluster Design Pattern in Flexbox | 04:14 |
19 | The Split Design Pattern in Flexbox | 04:43 |
20 | The Responsive Split Design Pattern in Flexbox | 10:14 |
21 | The Cover Design Pattern in Flexbox | 02:58 |
22 | The Center Design Pattern in Flexbox | 01:48 |
23 | The Column Drop Design Pattern in Flexbox | 05:04 |
24 | CSS Grid vs CSS Flexbox | 01:51 |
25 | Other Layout Techniques | 01:33 |
26 | You're done! | 01:44 |
Similar courses to Mastering CSS Layout
![The HTML & CSS Bootcamp 2023 Edition](https://cdn.courseflix.net/courses/100x56/the-html-css-bootcamp-2023-edition.jpg)
The HTML & CSS Bootcamp 2023 Edition
Duration 37 hours 18 minutes 8 seconds
Course
![Advanced CSS and Sass: Flexbox, Grid, Animations and More!](https://cdn.courseflix.net/courses/100x56/advanced-css-and-sass-flexbox-grid-animations-and-more.jpg)
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Duration 28 hours 10 minutes 20 seconds
Course
![CSS Demystified: Start writing CSS with confidence](https://cdn.courseflix.net/courses/100x56/css-demystified-start-writing-css-with-confidence.jpg)
CSS Demystified: Start writing CSS with confidence
Duration 20 hours 45 minutes 24 seconds
Course
![CSS Animations & Transitions](https://cdn.courseflix.net/courses/100x56/css-animations-transitions.jpg)
CSS Animations & Transitions
Duration 2 hours 9 minutes 35 seconds
Course
![HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid](https://cdn.courseflix.net/courses/100x56/html-css-bootcamp-learn-html-css-flexbox-and-css-grid.jpg)
HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid
Duration 20 hours 55 minutes 14 seconds
Course
![Beginner Tailwind](https://cdn.courseflix.net/courses/100x56/beginner-tailwind.jpg)
Beginner Tailwind
Duration 9 hours 33 minutes 19 seconds
Course
![Mastering CSS Grid 2022 - With 3 cool projects](https://cdn.courseflix.net/courses/100x56/mastering-css-grid-2022-with-3-cool-projects.jpg)
Mastering CSS Grid 2022 - With 3 cool projects
Duration 17 hours 16 minutes 22 seconds
Course
![The Ultimate HTML5 & CSS3 Series: Part 1](https://cdn.courseflix.net/courses/100x56/the-ultimate-html5-css3-series-part-1.jpg)
The Ultimate HTML5 & CSS3 Series: Part 1
Duration 2 hours 51 minutes 50 seconds
Course