FREELessons: 7Length: 47 minutes
- Overview
- Transcript
3.1 Final Thoughts
In this course, we’ve looked at how to build broken-grid layouts using the CSS Grid Layout model. Hopefully, you’ll be able to take what you’ve learned here and created some beautiful broken-grid layouts of your own.
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
3.1 Final Thoughts
Hello, and welcome back to Breaking the Grid with CSS Grid Layout. Over the last few lessons I've shown you the basics of creating unique, layered designs that break out of the traditional blocky grid-based structure that we have become accustomed to. Hopefully, this course has equipped you with the basics, and inspired some ideas for creating some broken grid layouts of your own. Again, my name is Craig Campbell. I wanna thank you so much for watching, and I'll see you next time.
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.