JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="wrapper">
  <div class="container">
    <a href="">Lien un peu plus long</a><a href="">Lien normal</a>
    </div>
</div>

SCSS

.wrapper {
  padding: 20px;
  border: 1px solid blue;
  text-align: center;
}

.container {
  display: inline-grid;
  grid-template-columns: repeat(auto-fill, minmax(max(180px, 100%), 1fr));
  justify-content: center;
  gap: 16px;
}

a {
  border: 1px solid red;
  
}