`grid-template-columns`

Define el numero y el tamanio de las columnas de un contenedor grid, por ejemplo con valores fijos, fr o repeat().

Vista previa

Codigo

ejemplo.html

<style>
  .cuadricula { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 8px; }
  .item { background: #eee; padding: 10px; text-align: center; }
</style>
<div class="cuadricula">
  <div class="item">1fr</div>
  <div class="item">2fr</div>
  <div class="item">1fr</div>
</div>