In today's video, we’re going to talk about CSS flexbox. We’ll go over what it is, why you’d want to use it, then go over all of the different properties that are available. After that, we'll explore a mini project and I'll explain my thought process on how I'd build the layout. Finally, I will list some resources for you to keep learning flexbox.
➡️CSS Grid Crash Course
https://www.youtube.com/watch?v=hKo-DXbMQ3Q
➡️How To Become A Frontend Web Developer In 2020
https://www.youtube.com/watch?v=4wKpHh6tolA
➡️CSS Fundamentals Playlist
https://www.youtube.com/playlist?list=PLuE4JRVl95pTI3jIYZKdZrczm6DgfBSTU
👉 RESOURCES
https://codepen.io/enxaneta/full/adLPwv/
https://flexboxfroggy.com/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
0:00 Intro
0:51 Fundamentals
4:39 Flex-direction
5:51 Justify-content
7:55 Align-items
8:52 Flex-wrap
9:45 Flex-flow
10:43 Align-content
13:09 Flex-grow
14:25 Flex-shrink
14:53 Flex-basis
16:22 Flex shorthand
17:15 Align-self
18:00 Order
19:15 Mini project
23:13 Resources
24:54 Outro