JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tiles">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

CSS

ul.tiles { width: 400px; }
ul.tiles li {
  float: left;
  list-style-type: none;
  width: 100px;
  height: 100px;
  margin: 10px;
  background: white;
  box-sizing: border-box;

}
ul.tiles li:hover {
    border: 1px solid black;
}
}