JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<ul>
  <li><a href="#">Mot trois quatre cinq six sept huit neuf</a></li>

  <li><a href="#">Mot un</a></li>
  <li><a href="#">Mot deux</a></li>
</ul>

SCSS

ul {
  display: flex;
  white-space: nowrap;
  list-style: none;
}
li {
  
}
a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  min-width: 215px;
  max-width: 265px;
  height: 105px;
  background-color: tomato;
  text-align: center;
}