Create a Side Nav with Tailwind – And It's Responsive!

Let’s build a side navigation with Tailwind. Similar to building a top navigation, creating a side navigation with Tailwind uses a lot of flexbox and important Tailwind classes.


In Video: Chris Sev (

0:00 Introduction
1:18 Starting HTML
2:19 Sidebar Styles
8:07 Hovering Links
10:24 Responsive
12:00 Mobile Menu
14:45 Click to Show Nav
16:48 Conclusion

To learn more about DigitalOcean:
Follow us on Twitch:
Follow us on Twitter:
Like us on Facebook:
Follow us on Instagram:
We’re hiring:

#WebDevelopment #javascript #tailwindCSS #tailwindCSStutorial #tailwindnavbar #tailwindtutorial #howtousetailwind #tailwindCSSnavbar #tailwindCSSsidenav #tailwindCSSmobilenav #tailwindCSSsidebar

Duration: 00:17:18
Publisher: DigitalOcean
You can watch this video also at the source.