position
Positioning
Grid
<div class="grid grid-cols-4 gap-4">
<div>01</div>
<!-- ... -->
<div>09</div>
</div>
Flex
Cross-Axis
.items-stretch (default?) | .items-start | .items-center | .items-end | .items-baseline |
Main-Axis
Justify-start | justify-center | justify-end | justify-between | justify-around
<div className="flex flex-col justify-center items-center mt-4 lg:mt-36 mb-20 lg:mb-28">
<div> Tails </div>
<div> Sonic </div>
</div>
Position
.static | .fixed | .absolute | .relative | .sticky
<div class="absolute top-0 right-0 bg-gray-800">
</div>
Last updated