CSS Flexbox and the Grid Layout system offer different ways for laying out your content. Each method has its own strengths and its own uses. In this short course we are going to explore how you don’t have to choose between the two systems, because it turns out they work together very well.
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction
1.1Introduction00:44
1.1
Introduction
00:44
1.2Comparing Flexbox and the Grid05:11
1.2
Comparing Flexbox and the Grid
05:11
2.Flexbox and Grid, Sitting in a Tree
2.1Where We’re Going02:42
2.1
Where We’re Going
02:42
2.2Looking at the Markup05:43
2.2
Looking at the Markup
05:43
2.3Grid Areas11:00
2.3
Grid Areas
11:00
2.4Fixing the Widths05:17
2.4
Fixing the Widths
05:17
2.5Styling the Header05:54
2.5
Styling the Header
05:54
2.6The Space Between04:24
2.6
The Space Between
04:24
2.7Recent Posts05:11
2.7
Recent Posts
05:11
3.Conclusion
3.1Final Thoughts00:42
3.1
Final Thoughts
00:42
