HTML

tailwind custom column width

<!-- Tailwind Columns with custom width -->
<!-- Total Columns: 5 -->
<div class="grid grid-cols-5">
  <div class="col-span-1">This div spans 1/5 Columns</div>
  <div class="col-span-4">This div spans 4/5 Columns</div>
</div>

<!-- Example #2: Total Columns: 10 .grid-cols-10 -->
<section class="grid grid-cols-10">
  <p class="col-span-2">Spans 2 out of 10 Columns</p>
  <p class="col-span-8">Spans 8 out of 10 Columns</p>
</section>