Press/to search

Flexbox

Align Self

Utilities for controls how an individual flex item is positioned along container's cross axis.


Class

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

Usage

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

Variant

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

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