JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ligne">
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
  <figure>
    <img src="http://placehold.it/350x150" alt="" />
    <figcaption><a href="https://placehold.it/350x150">Lien</a></figcaption>
  </figure>
</div>

CSS

.ligne {
  display: table;
  width: 100%;
}

.ligne figure {
  display: table-cell;
}

.ligne figure img {
  width: 100%;
}