Master layouts with Tailwind's utility classes for flexbox and grid. Control direction, alignment, spacing, wrapping, and grid templates with ease.
flex
, flex-row
, flex-col
— set flex container and directionjustify-center
, justify-between
, items-center
— alignment in flexflex-wrap
, flex-nowrap
— control wrappinggrid
, grid-cols-3
, grid-rows-2
— grid container & templategap-4
, gap-x-6
, gap-y-8
— spacing between grid/flex itemsjustify-*
and items-*
to align flex items, and grid-cols-*
to control number of columns.