JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
    <li>Six</li>
    <li>Seven</li>
    <li>Eight</li>
    <li>Nine</li>    
</ul>

CSS

ul {
      width: 600px;
  }
  li {
    width: 75px;
    height: 75px;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
  }

JavaScript

$(document).ready(function() {
    var numitems =  $("#myList li").length;
     
    $("ul#myList").css("column-count",numitems/2);
});