1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Prefix Tailwind Utility Classes with Breakpoints to Make a Responsive Navbar

    tailwindTailwind

    We started by building just the mobile layout of the navbar which looks great but wont on larger screens. We'll want to handle each screen size and adjust the style on each breakpoint. When the navbar is big enough, we can fit the links within the navbar instead of dropping them down below.

    In this lesson, we will use the sm breakpoint to start styling the navbar for screens that are larger than mobile.