JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tiles"><!--
--><a href="#"><div>MY PROJECTS</div></a><!--
--><a href="#"><div>KNOW HOW</div></a><!--
--><a href="#"><div>IT SUPPORT</div></a><!--
--><a href="#"><div>HELP & INSTRUCTIONS</div></a><!--
--><a href="#"><div>LINKS</div></a><!--
--><a href="#"><div>PERSONAL</div></a><!--
--></div>

CSS

.tiles > a {
  text-decoration: none;
  color: white;
  font-weight: bold;
}
.tiles > a {
  margin-right: 1em;
  margin-bottom: 1em;
  display: inline-block;
  width: 8em;
  height: 8em;
  vertical-align: top;
  border-radius: 1em;
  padding: 1em;
}
.tiles a div {
  text-align: center;
  margin-top: 3.2em;
}
.tiles > a:nth-child(1) { background-color: #002b82; }
.tiles > a:nth-child(2) { background-color: #ffc000; }
.tiles > a:nth-child(3) { background-color: #92d14f; }
.tiles > a:nth-child(4) { background-color: #01b0f1; }
.tiles > a:nth-child(5) { background-color: #7030a0; }
.tiles > a:nth-child(6) { background-color: #c00000; }