Skip to content

Instantly share code, notes, and snippets.

View RomainMazB's full-sized avatar

Romain 'Maz' BILLOIR RomainMazB

View GitHub Profile
@RomainMazB
RomainMazB / navbar.html
Created January 16, 2020 12:06
TailwindCSS responsive navbar with dropdown menu. Only with tailwindcss.
<nav class="flex items-center justify-between flex-wrap px-6 w-full bg-gray-200 text-gray-700 font-semibold">
<div class="text-gray-800 mr-6">
LOGO
</div>
<div class="block lg:hidden">
<button
class="flex items-center mt-3 px-3 py-2 border rounded border-gray-700 hover:text-gray-500 hover:border-gray-500">
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Menu</title>
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>