tailwind grid align items center
xxxxxxxxxx
<div class="grid place-items-center h-screen">
Centered using Tailwind Grid
</div>
xxxxxxxxxx
<div class="flex items-center ...">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
xxxxxxxxxx
<div class="flex items-center justify-center h-screen">
Centered using Tailwind Flex
</div>
grid justify between tailwind
xxxxxxxxxx
place-content-center place-content: center;
place-content-start place-content: start;
place-content-end place-content: end;
place-content-between place-content: space-between;
place-content-around place-content: space-around;
place-content-evenly place-content: space-evenly;
place-content-baseline place-content: baseline;
place-content-stretch place-content: stretch;