JSFiddle - React, Tailwind, and code Playground

by the_voder

HTML

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
    <li><a href="#">Link 6</a></li>
</ul>

CSS

ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

li {
    padding: 10px;
    text-decoration: none;
}