Tailwind CSS

Tailwind CSS Notes

Center Text

class="text-center"

Text Size ( large )

class="text-lg"

Set div width to 100%

<div class="w-full">
</div>

Setting a custom font-size

<p class="text-[50px]">hello world</p>

Add horizontal space between elements except the last one.

<div class="space-x-6">
</div>

Grids

<div class="grid grid-cols-3 gap-2 mt-3">
    <div class="bg-violet-500 h-12"></div>
    <div class="bg-violet-500 h-12"></div>
    <div class="bg-violet-500 h-12"></div>
    <div class="bg-violet-500 h-12"></div>
    <div class="bg-violet-500 h-12"></div>
</div>