Tailwind CSS

Layout

flex

flex flex-row: position flex items horizontally in the same direction as text
flex flex-col: position flex items vertically
flex justify-start: justify items against the start of the container’s main axis
flex justify-center: justify items along the center of the container’s main axis
flex justify-end: justify items against the end of the container’s main axis
flex items-stretch: stretch items to fill the container’s cross axis
flex items-start: align items to the start of the container’s cross axis
flex items-center: align items along the center of the container’s cross axis
flex items-end: align items to the end of the container’s cross axis