Flexbox Utilities

Flexible box layout utilities for responsive designs.

Flexible box layout utilities for modern responsive designs.

Flex Container

Create flex containers with various directions and wrapping.

Flex container

html

<div class="flex">
  <div>Item 1</div>
  <div>Item 2</div>
</div>

Flex direction row

html

<div class="flex flex-row">
  <div>Left</div>
  <div>Right</div>
</div>

Flex direction column

html

<div class="flex flex-column">
  <div>Top</div>
  <div>Bottom</div>
</div>

Justify and align flex items.

Justify content to start

Justify content to center

Justify content to end

Space between items

Align items to start

Align items to center

Align items to end