Build a Responsive Navbar with Tailwind
Offered By: egghead.io
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
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
Introduction to Web ApplicationsAkamai via Coursera Angular Fundamentals: Building Responsive Web Apps with Ease
EDUCBA via Coursera Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera Build Responsive Image Gallery UI using CSS3 Flexbox
Coursera Project Network via Coursera Build Responsive Service Page UI using CSS3 Flexbox
Coursera Project Network via Coursera