JSFiddle - React, Tailwind, and code Playground

by Pedro Marcano

HTML

<div class="container">
    <ul>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
      <li>test</li>
    </ul>
  </div>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style-type: none;
}
 .container {
      width: 100%;
      height: auto;
      display: block;
      text-align: center;
      padding: 0 2em;
    }

.container ul {
  width: 100%;
      list-style-type: none;
      margin-top: 1em;
      padding: 0 1.5em;
}

.container ul li {
      width: 200px;
      height: 100px;
      display: inline-block;
      margin-bottom: 1em;
      border: 1px solid;
    }