Basic Practical CSS L07 - Flex the Flexy Flexbox
Free course for basic practical CSS. This time, Flexbox.
These are the basics of using flex for layouts and stacking etc.
The container
To start, this is how you set a div as a flexbox.
display: flex;
and here are some of the extra stuff that we can add, starting from the most important ones:
justify-content
align-items
align-content
gap
flex-direction
row - left to right
column - top to bottom
flex-wrap
wrap / nowrap
flex-flow: column wrap;
Children
flex-shrink / flex-grow
References
https://css-tricks.com/snippets/css/a...
https://developer.mozilla.org/en-US/d...
Here's the Google Drive link for the files used in Lesson 07
https://drive.google.com/drive/folder...
Visit here for all the additional text and links
https://almostinevitable.com/free-cou...