JSFiddle - React, Tailwind, and code Playground

by Nofiden Noble

HTML

<div id="menu">
 <ul>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
</ul> 
</div>

CSS

#menu ul {list-style-type: none; padding: 0; margin: 0;}
#menu li {display: inline-block;}
#menu a {
    display: block;
    width: 15vw;
    height: 15vw;
    border-radius: 50%;
    border: 1px #a2a2a2 solid;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 4vw;
    text-align: center;
    line-height: 15vw;
    margin: 5%;
}