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

  Write a Review

Learn Flexbox

Go to Free Course