Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build a Responsive Navbar with Tailwind

via egghead.io

Overview

The Navbar is a common component you will find yourself styling in almost any application.
In this course, we'll style a Navbar for a mobile view with a logo and toggleable hamburger button that will contain nav links.
After building up the mobile view, we will refactor the navbar to be responsive by removing the hamburger menu from the navbar and replacing that with the links directly inline within the Navbar

Syllabus

  • Build a Navbar Layout using Tailwind and Flexbox
  • Toggle Navar Menu Links in Tailwind with Vue
  • Prefix Tailwind Utility Classes with Breakpoints to Make a Responsive Navbar

Taught by

Adam Wathan

Reviews

4.7 rating at egghead.io based on 68 ratings

Start your review of Build a Responsive Navbar with Tailwind

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.