<nav class="rounded-container grid w-full grid-cols-1 gap-1 overflow-hidden md:grid-cols-3"> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Twitch</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">YouTube</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">TicTok</a></nav>Rows
<nav class="rounded-container grid w-full grid-cols-2 gap-1 overflow-hidden md:grid-cols-4"> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Optimize</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Brand</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Mesh</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Matrix</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Utilize</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Syndicate</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Incubate</a> <a class="card preset-filled-surface-100-900 rounded-none p-4 py-8 text-center" href="#">Orchestrate</a></nav>