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
Advanced CSS ConceptsMicrosoft via edX Тонкости верстки
Moscow Institute of Physics and Technology via Coursera CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy