JSFiddle - React, Tailwind, and code Playground

HTML

<div>Logo</div>
        <ul>
            <li>1. Link</li>
            <li>2. Link</li>
            <li>3. Link</li>
            <li>4. Link</li>
            <li>5. Link</li>
            <li>6. Link</li>
        </ul>

<div>Logo</div>
        <ul>
            <li>1. Link</li><li>2. Link</li><li>3. Link</li><li>4. Link</li><li>5. Link</li><li>6. Link</li>
        </ul>

CSS

div {
                padding-top: 2%;
                background-color: #0f0;
            }
            ul {
                list-style: none;
                overflow:hidden;
            }
            li {
                float:left;
                padding-top: 2%;
                width: 50%;
                background-color: #f00;
            }