Brutalist Grid Navbar

<div class="grid grid-cols-2 md:grid-cols-4 border-y-4 border-black text-center divide-x-4 divide-black bg-white">
        <a href="#"
            class="py-6 font-black text-lg hover:bg-yellow-400 transition-colors uppercase tracking-tighter italic">NEWS</a>
        <a href="#"
            class="py-6 font-black text-lg hover:bg-indigo-500 hover:text-white transition-colors uppercase tracking-tighter italic">SHOP</a>
        <a href="#" class="py-6 font-black text-lg bg-pink-500 text-white uppercase tracking-tighter italic">LIVE</a>
        <a href="#"
            class="py-6 font-black text-lg hover:bg-cyan-400 transition-colors uppercase tracking-tighter italic">TICKETS</a>
    </div>