Press/to search

Flexbox

Align Items

Utilities for sets flex items position along a container's cross axis.


Class

classcss
items-baseline v1.1.1align-items: baseline
items-startalign-items: flex-start
items-centeralign-items: center
items-endalign-items: flex-end
items-stretchalign-items: stretch

Usage

<!-- Example -->
<y class="flex items-center">
...
</y>

Variant

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

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