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

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera