JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="grid">
  <div class="grid-item">coucou</div>
  <div class="grid-item">
    <img width=500 src="https://img.passeportsante.net/1200x675/2021-06-01/i107848-eduquer-un-chaton.jpeg"/>
    <p>un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte </p>
    <img width=500 src="https://img.passeportsante.net/1200x675/2021-06-01/i107848-eduquer-un-chaton.jpeg"/>
    <p>un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte un long texte </p>
  </div>
</div>

CSS

.grid {
  display:grid;
  grid-template-columns: auto 1fr;
}

.grid-item {
  overflow: hidden;
}