JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="footerlinks">
  <li><a href="link 1">Home</a></li>
  <li><a href="link 2">About Us </a></li>
  <li><a href="link 3">Location</a></li>
  <li><a href="link4">Contact</a></li>
  <li><a href="link5">Visit</a></li>
  <li><a href="link6">Schedule</a></li>
</ul>

CSS

ul,li { padding: 0; margin: 0; }
#footerlinks { width: 300px; font-size: 0; }
#footerlinks li { font-size: 12px; width: 100px; display: inline-block; }

JavaScript

Update