JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<ul class="list-2">
                <li><a href="#levels_form">Levels</a></li>
                <li><a href="#chukker_form">Chukkers</a></li>
                <li><a href="#throw_form">Throw In</a></li>
                <li><a href="#clock_form">Game Clock</a></li>
                <li><a href="#time_form">Time Outs</a></li>
                <li><a href="#handicap_form">Handicap</a></li>

                <li><a href="#players_form">Players</a></li>
                <li><a href="#post1_form">Position 1</a></li>
                <li><a href="#post2_form">Position 2</a></li>
                <li><a href="#post3_form">Position 3</a></li>
                <li><a href="#post4_form">Position 4</a></li>
                <li><a href="#field_form">Polo Field</a></li>
            </ul>

CSS

.list-2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}