Udemy, Coursera, 2U/edX Face Lawsuits Over Meta Pixel Use

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

Go to class Write review

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 67 ratings

Start your review of Build a Responsive Navbar with Tailwind

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.