Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
by
Lessons:15Length:1.4 hours
Flex 3
  • 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 lesson, 00:39

Free Lesson
1.1
Introduction
00:39

2.Project 1: Flexbox Menu
2 lessons, 11:59

Free Lesson
2.1
Basic Menu Styles
03:56

2.2
Styling the Flexbox Menu
08:03

3.Project 2: Complex Layouts
2 lessons, 12:16

3.1
Flexbox for Page Layout
06:44

3.2
Nested Flexible Boxes
05:32

4.Project 3: Banner With Centered Content
1 lesson, 07:25

4.1
Vertically and Horizontally Centered
07:25

5.Project 4: Ordered Content
1 lesson, 05:23

5.1
Changing the Order
05:23

6.Project 5: Image Grid
2 lessons, 10:03

6.1
Basic Styles
05:00

6.2
Using Flexbox to Finish the Layout
05:03

7.Project 6: Uneven Image Grids
2 lessons, 12:39

7.1
Basic Image Styles
05:05

7.2
Styling the Grid
07:34

8.Bonus Project 1: Flexbox Modal
2 lessons, 11:58

8.1
Building the Flexbox Modal
04:46

8.2
Flexbox Modal Functionality
07:12

9.Bonus Project 2: Flexbox Content Slider
1 lesson, 12:49

9.1
Building the Slider
12:49

10.Conclusion
1 lesson, 00:38

10.1
Final Thoughts
00: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.

Back to the top