`grid-cols-*`

Define cuantas columnas tendra el grid. Se puede combinar con responsive: md:grid-cols-2.

Vista previa

Codigo

ejemplo.html

<div class="grid grid-cols-1 md:grid-cols-2 gap-4 bg-gray-100 p-4">
  <div class="bg-teal-400 text-white p-4 text-center">Columna 1</div>
  <div class="bg-teal-500 text-white p-4 text-center">Columna 2</div>
</div>