Pass the PMP® Exam on Your First Try — Expert-Led Training
Launch a New Career with Certificates from Google, IBM & Microsoft
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Explore the fundamentals of CSS Flexbox in this beginner-friendly tutorial video. Learn essential flex properties including display: flex, justify-content, align-items, and flex-direction. Discover how to manipulate flex containers and items, use shorthand properties like flex-flow, and understand concepts such as flex-basis, flex-grow, and flex-shrink. Practice your new skills with interactive exercises like Flexbox Froggy. Gain valuable insights into creating flexible and responsive layouts for modern web design.
Syllabus
Intro
Welcome
Setup & Starter Code Review
display: flex
justify-content
align-items
flex-direction changes everything
Reversing the rows and columns
flex-wrap
flex-flow shorthand
align-content
Flex items can also be flex containers
flex-basis
flex-grow
flex-shrink
flex shorthand
order property
Practice with Flexbox Froggy
Taught by
Dave Gray