Tailwind CSS Classes

Tailwind CSS class .col-auto

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

Preview

Are you tired of writing HTML by hand?

CSS source

.col-auto {
    grid-column: auto;
}

More Tailwind CSS classes in Grid category

© 2024 Shuffle. All rights reserved.