coding180 icon
Flexbox - (align-content applied to the container)

Flexbox - (align-content applied to the container)

Home > Tutorials > CSS > CSS Flexbox

The "align-content" property is only applicable when we have a Flexbox with several lines (that is, we have loaded the "wrap" value in the "flex-wrap" property).

The possible values ​​of the "align-content" property are:

  • stretch
  • flex-start
  • flex-end
  • center
  • space-between
  • space-around

By default, the "align-content" property stores the value "stretch".

Let's try changing the "align-content" value and see how the item locations change:


Robort Gabriel

Lagos, Nigeria

Freelance Web Developer, Native Android Developer, and Coding Tutor.

  • UI / UX
  • JavaScript
  • Python
  • PHP
  • Kotlin
  • Java
  • Bootrap
  • Android
  • Laravel