Flexbox

Enable Flex

flex

Example:

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

Flex Direction

flex-row
flex-col

Example:

<div class="flex flex-col">

Alignment

Horizontal

justify-start
justify-center
justify-end
justify-between
justify-around

Vertical

items-start
items-center
items-end

Example:

<div class="flex justify-center items-center h-screen">
Content
</div>