YoVDO

Build a Responsive Navbar with Tailwind

Offered By: egghead.io

Tags

Tailwind Courses Flexbox Courses Responsive Web Design Courses

Course Description

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

Related Courses

Learn Laravel 7 along with REST API & Livewire
Udemy
Complete Guide to Tailwind - Master Pinterest with Tailwind
Udemy
Tailwind CSS Tutorial
Net Ninja via YouTube
The Complete Pinterest Marketing Guide for Creatives
Udemy
Tailwind CSS
YouTube