FREELessons: 7Length: 47 minutes
Broken grid layouts (layouts that don’t fit within traditional grid-based layouts) are not only becoming more popular, but they are also easier to achieve than ever, thanks to the CSS Grid Layout model. In this course I will walk you through the process of building a broken layout using HTML and CSS.
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.1Welcome00:36
1.1
Welcome
00:36
2.Breaking the Grid
2.1Grid Planning11:06
2.1
Grid Planning
11:06
2.2Setting Up the First Grid13:26
2.2
Setting Up the First Grid
13:26
2.3Laying Out the Elements07:59
2.3
Laying Out the Elements
07:59
2.4The Finished Layout08:46
2.4
The Finished Layout
08:46
2.5Responsive Considerations04:56
2.5
Responsive Considerations
04:56
3.Conclusion
3.1Final Thoughts00:30
3.1
Final Thoughts
00:30
