Press/to search

Flexbox

Align Content

Utilities for controls how lines are positioned in multi-line flex containers.


Class

classcss
content-startalign-content: flex-start
content-centeralign-content: center
content-endalign-content: flex-end
content-betweenalign-content: space-between
content-aroundalign-content: space-around
content-stretch v1.1.1align-content: stretch

Usage

<!-- Example -->
<y class="flex content-around">
...
</y>

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.