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>

CSS

body {
    background-color: #FCC;
}
div {
    padding-top: 2%;
    background-color: #0f0;
}
ul {
    list-style: none;

}
li {
    float: left;
    margin: 0;
    padding-top: 2%;
    padding-top: calc(100% * 0.02 - 1.5px + 1px);
    width: 50%;
    background-color: #f00;
}