Tailwind CSS Classes

Tailwind CSS class .row-gap-0 / .row-gap-*

<div class="grid grid-cols-3 row-gap-2 col-gap-4">
  <div class="h-4 bg-teal-400"></div>
  <div class="h-4 bg-teal-400"></div>
  <div class="h-4 bg-teal-400"></div>
  <div class="h-4 bg-teal-400"></div>
  <div class="h-4 bg-teal-400"></div>
  <div class="h-4 bg-teal-400"></div>
</div>

Preview

Are you tired of writing HTML by hand?

CSS source

.row-gap-0 { row-gap: 0; }
.row-gap-1 { row-gap: 0.25rem; }
.row-gap-2 { row-gap: 0.5rem; }
.row-gap-3 { row-gap: 0.75rem; }
.row-gap-4 { row-gap: 1rem; }
.row-gap-5 { row-gap: 1.25rem; }
.row-gap-6 { row-gap: 1.5rem; }
.row-gap-8 { row-gap: 2rem; }
.row-gap-10 { row-gap: 2.5rem; }
.row-gap-12 { row-gap: 3rem; }
.row-gap-16 { row-gap: 4rem; }
.row-gap-20 { row-gap: 5rem; }
.row-gap-24 { row-gap: 6rem; }
.row-gap-32 { row-gap: 8rem; }
.row-gap-40 { row-gap: 10rem; }
.row-gap-48 { row-gap: 12rem; }
.row-gap-56 { row-gap: 14rem; }
.row-gap-64 { row-gap: 16rem; }
.row-gap-px { row-gap: 1px; }

More Tailwind CSS classes in Grid category

© 2024 Shuffle. All rights reserved.