JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
    <li></li>
</ul>
</div>

CSS

ul{
  list-style:none;
}
ul li{
  width:50px;
  height:40px;
  border:2px solid blue;
  display:inline-block;
}
div{
  width:400px;
  max-width:100%;
  text-align:center;
}