JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<ul>
  <li><a href="#">Press Release</a></li>
  <li><a href="#">FAQ</a></li>
  <li><a href="#">Backgrounder</a></li>
  <li><a href="#">Overview</a></li>
  <li><a href="#">Screenshots: One</a></li>
  <li><a href="#">Screenshots: Two</a></li>
  <li><a href="#">Video: One</a></li>
  <li><a href="#">Video: Two</a></li>
  <li><a href="#">Bio 1</a></li>
  <li><a href="#">Bio 2</a></li>
</ul>

CSS

li {
    background-color: #ccc;
    display:inline-block;
    padding: 10px ;
    margin: 0 0 10px 0;
}

li a {
    width: 180px;
    height:180px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}

li a:hover {
    background-color:red;
}