Learn Flexbox by Scrimba
This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive navbar and a neat image grid.
Course Highlights
- Understand how to create a basic layout using Flexbox.
- Identify and differentiate between the main axis and cross axis in a Flexbox layout.
- Explain the purpose of the justify-content property and apply it to position items along the main axis.
- Use the flex property to control the size of Flexbox items.
- Apply the align-items property to position items along the cross axis.
- Change the direction of a Flexbox layout using the flex-direction property.
- Demonstrate how to enable wrapping of items using the flex-wrap property.
- Utilize the flex-grow, flex-shrink, and flex-basis properties to manage item resizing.
- Reorder items in a Flexbox container using the order property.
- Create responsive layouts, including a navbar and an image grid, using Flexbox techniques.
Skills you will learn!
Curriculum
Learn Flexbox
Related CSS Courses
Thank You!
Your review has been submitted successfully.