Flexbox

Flex

Utilities for controls how flex items grow and shrink.

Class

Usage

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

Variant

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

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