JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<ul id="signs">
  <li><a href="#"><img src="https://placekitten.com/268/268" alt="Gemini"></a></li>
  <li><a href="#"><img src="https://placekitten.com/268/268" alt="Leo"></a></li>
  <li><a href="#"><img src="https://placekitten.com/268/268" alt="Virgo"></a></li>
  <li><a href="#"><img src="https://placekitten.com/268/268" alt="Libra"></a></li>
</ul>

CSS

#signs {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#signs li {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 268px;
  width: 268px;
  border: 1px black solid;
}