JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">category 1</a></li>
    <li><a href="#">category 2</a></li>
    <li><a href="#">category 3</a></li>
    <li><a href="#">category 4</a></li>
    <li><a href="#">category 5</a></li>
    <li><a href="#">category 6</a></li>
    <li><a href="#">category 7</a></li>
    <li><a href="#">category 8</a></li>
    <li><a href="#">category 9</a></li>
    <li><a href="#">category 10</a></li>
    <li><a href="#">category 11</a></li>
    <li><a href="#">category 12</a></li>
    </ul>

CSS

UL {
  column-count:3; -moz-column-count:3; -webkit-column-count:3; 
  column-gap:2em; -moz-column-gap:2em; -webkit-column-gap:2em;
}