Skip to main content
CSS is fun and cool and I like it.


The align-content property is a sub-property of the Flexible Box Layout module.

It helps to align a flex container’s lines within it when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main-axis.

Note, this property has no effect when the flexbox has only a single line.

The align-content property accepts 6 different values:

  • flex-start: lines packed to the start of the container
  • flex-end: lines packed to the end of
Read article “align-content”