Lessons: 15Length: 1.4 hours
- Overview
- Transcript
10.1 Final Thoughts
The application of new technologies is not always obvious, even once you learn how the technology works. This course should have given you an idea of how the CSS Flexbox model can be used in a practical setting. Thanks for watching!
1.Introduction
1.1Introduction00:39
2.Project 1: Flexbox Menu
2.1Basic Menu Styles03:56
2.2Styling the Flexbox Menu08:03
3.Project 2: Complex Layouts
3.1Flexbox for Page Layout06:44
3.2Nested Flexible Boxes05:32
4.Project 3: Banner With Centered Content
4.1Vertically and Horizontally Centered07:25
5.Project 4: Ordered Content
5.1Changing the Order05:23
6.Project 5: Image Grid
6.1Basic Styles05:00
6.2Using Flexbox to Finish the Layout05:03
7.Project 6: Uneven Image Grids
7.1Basic Image Styles05:05
7.2Styling the Grid07:34
8.Bonus Project 1: Flexbox Modal
8.1Building the Flexbox Modal04:46
8.2Flexbox Modal Functionality07:12
9.Bonus Project 2: Flexbox Content Slider
9.1Building the Slider12:49
10.Conclusion
10.1Final Thoughts00:38
10.1 Final Thoughts
Hello, and welcome back. Over the last few lessons we've talked about several practical projects or practical ways of using Flexbox in our every day work. When we're learning new technologies, even though it can be fun, it can also be sometimes a little tricky to find practical uses for the things we're learning. So hopefully, this video course has done a lot in helping you to figure out how to use Flexbox in your everyday work, and how you can make a lot of your web design tasks a lot easier. So once again, I wanna thank you so much for watching. My name is Craig Campbell, and I'll see you next time.
