CSS Flexbox for Beginners
Learn the basics of CSS flexbox for building layouts with this beginners tutorial.
๐ข Responsive Design for Beginners -- Learn how to build a website from scratch -- https://coder-coder.com/responsive
Source code: https://github.com/thecodercoder/css-layout/tree/main/05-flexbox
____________
๐ป LEARN TO CODE ๐ป
RECOMMENDED RESOURCES:
Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!)
๐ท Frontend Mentor Pro -- Practice building real-world projects (20% off 1-yr with code JESSCHAN20) -- https://www.frontโฆ
Watch on YouTube โ
(saves to browser)
Chapters (14)
Intro & setup
1:57
create the flex container with display: flex
3:08
flex-direction
4:53
flex-wrap
6:02
browser inspection tools
8:23
justify-content
11:45
align-items
14:01
align-content
16:04
justify & align
17:25
flex child items
18:19
flex-grow, flex-shrink, flex-basis
22:09
flex shorthand property
26:41
multiple rows of items
28:33
order
DeepCamp AI