JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu-col">
 <li><a href="/">Главная</a></li>
  <li><a href="/photo/">Фотогалерея</a></li>
  <li><a href="/apartments/">Квартиры</a></li>
  <li><a href="/docs/">Документы</a></li>
  <li><a href="/about/">О компании</a></li>
  <li><a href="/contacts/">Контактная информация</a></li>  
  <li><a href="/contacts/">Константин Константинович Константинопольский</a></li>
  <li><a href="/about/">Услуги</a></li>
  <li><a href="/contacts/">Все обо всём</a></li>
  <li><a href="/contacts/">А</a></li>
  <li><a href="/contacts/">Б</a></li>
  <li><a href="/contacts/">В</a></li>
</ul>

CSS

ul {
    /* Нормализация */
    list-style: none;
    padding: 0;
    width: 600px;
  }

li {
    display: inline-block;
    width: 32%;
    margin: 0 0 .5em;
}