JSFiddle - React, Tailwind, and code Playground

by Axiniya

HTML

<div class="brands-list">
  <ul>
    <li><a href="">Venum</a></li>
    <li><a href="">Vansydical</a></li>
    <li><a href="">ZRCE</a></li>
  </ul>
  <ul>
    <li><a href="">Athletic pro.</a></li>
    <li><a href="">Excalibur</a></li>
    <li><a href="">Kango</a></li>
  </ul>
  <ul>
    <li><a href="">Twins Special</a></li>
    <li><a href="">Fixgear</a></li>
    <li><a href="">Banji</a></li>
  </ul>
  <ul>
    <li><a href="">Tactician</a></li>
    <li><a href="">Kangda</a></li>
    <li><a href="">G-tape</a></li>
  </ul>
    <ul>
    <li><a href="">Steppen wolf</a></li>
    <li><a href="">SmilePlus</a></li>
  </ul>
</div>

CSS

.brands-list {
  display: flex;
  justify-content: space-between;
}

.brands-list ul {
  list-style: none;
}

.brands-list a {
  color: black;
  text-decoration: none;
}

.brands-list a:hover {
  color: #4d90fe;
}