How to arrange a list as a table in uikit?

Question

css

There is a bar with a list

<div class="uk-navbar">
      <ul class="uk-list uk-list-line uk-list-space">	
      <?php
        $categories = mysqli_query($connection,"SELECT * FROM `category`");
          while ( $cat = mysqli_fetch_assoc($categories) )
            { 
              ?>	
            <li class=""><a href="category.php?<?php echo $cat['id'];?>"><?php echo $cat["nameCategory"]; ?></a>
            </li>
          
          <?php } ?>
      </ul>
    </div>

There are 16 words in the list. How to display them in a table? In the form of a table, it's like 4 columns with 4 words each. I’ll say right away that I don’t want to use uk-table, it won’t be beautiful
And which version is better to use the old 2 or the new 3, but it’s still beta

Answer 1

https://getuikit.com/docs/column
https://jsfiddle.net/whata/bzsnqm1z/