Flexbox & Grid

Flex Basis

Utilities for controlling the initial size of flex items.

Basic usage

Setting the flex basis

Use the basis-{size} utilities to set the initial size of flex items.

01
02
03
<div className="flex flex-row">
  <div className="**basis-1/4**">01</div>
  <div className="**basis-1/4**">02</div>
  <div className="**basis-1/2**">03</div>
</div>