Mastering CSS Layout
1h 27m 20s
English
Paid
Course description
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
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 |
Comments
0 commentsSimilar courses
Beginner Tailwind
Sources: Chris Sev
Tailwind makes writing CSS easier and lets us customize our designs faster than any other CSS framework. If you want a CSS framework that has pre-built components, then Tailwind...
9 hours 33 minutes 19 seconds
CSS for JavaScript Developers
Sources: Josh Comeau
Learn CSS confidently with this interactive course designed for JavaScript developers. Understand CSS systems to enhance your web development skills and...
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Sources: udemy
Have you been coding CSS for some time, but want to take your game to the next level? Do you feel confused with CSS jargon like inheritance, specificity or the cascade? What if...
28 hours 10 minutes 20 seconds
Advanced CSS & JavaScript Projects
Sources: zerotomastery.io
Master CSS and JavaScript by creating real projects! Develop applications like a quiz, an expense tracker, and a podcast player. You will learn...
15 hours 24 minutes 29 seconds
Want to join the conversation?
Sign in to comment