JSFiddle - React, Tailwind, and code Playground
by Adrián Gómez Llorente
HTML
<div style="display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 8px;">
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio: 16/9;background: red">Hola</div>
<div style="width: 100%; aspect-ratio:...