- Overview
- Transcript
1.1 Introduction
Welcome to “6 Flexbox Projects for Web Designers”. In this course, I’m going to walk you through six practical projects that highlight features of the CSS Flexbox model and demonstrate their use in a real-world setting.
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
1.1 Introduction
Hello, and welcome to Six Flexbox Projects for Web Designers. My name is Craig Campbell, and I will be your instructor for this course. Throughout this course, we're gonna take a look at six projects that make practical use of the CSS Flexbox model. And as with all new technologies, sometimes it can be very difficult to find practical uses for the Flexbox model. So my goal in this course is to show you several projects that put the Flexbox model to practical use. And hopefully these are things that you'll able to use in your own web projects going forward. So thank you so much for watching and we'll get started in the next lesson.
