Skip to main content

Flexbox Properties

What if I forget?

https://flexboxfroggy.com/ Great website to re-learn all these  concepts again!

Justify-Content

Align the content along the main axis, the possible value can be:

  1. flex-start (default
  2. flex-end
  3. center
  4. space-between
  5. space-around
  6. space-evently

image.png

Align-Items

Align the content along the cross axis, the possible values are:

  1. flex-start
  2. flex-end
  3. center
  4. baseline
  5. stretch (default)