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.Introduction1 lesson, 00:36
1 lesson, 00:36
1.1Welcome00:36
1.1
Welcome
00:36
2.Breaking the Grid5 lessons, 46:13
5 lessons, 46:13
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.Conclusion1 lesson, 00:30
1 lesson, 00:30
3.1Final Thoughts00:30
3.1
Final Thoughts
00:30
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then,
he has constantly sought new and exciting ways to make
beautiful things on computers.