CSS

`display: flex`

Convierte a un elemento en contenedor flexible: sus hijos directos se acomodan en una fila o columna y se reparten el espacio disponible.

Vista previa

Codigo

ejemplo.html

<style>
  .fila { display: flex; gap: 8px; }
  .item { background: #eee; padding: 10px; flex: 1; text-align: center; }
</style>
<div class="fila">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>