JSFiddle - React, Tailwind, and code Playground

by Patricia Warwick

HTML

<div class="wrapper1">
<div class="one"><a href="/chart/world-capita-new-cases-map">One</a></div>

<div class="two"><a href="/chart/world-capita-new-cases-map">Two</a></div>

<div class="three"><a href="/chart/world-capita-new-cases-map">Three</a></div>

<div class="four"><a href="/chart/world-capita-new-cases-map">Four</a></div>

<div class="five"><a href="/chart/world-capita-new-cases-map">Five</a></div>

<div class="six"><a href="/chart/world-capita-new-cases-map">Six</a></div>
</div>

CSS

.wrapper1 a {
  text-decoration:none;
  color:white;
}

.wrapper1{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}

.wrapper1 div{
  background:red;
  text-align:center;
}