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.
CodePen: https://codepen.io/chris__sev/pen/RwKWXpJ
In Video: Chris Sev (https://twitter.com/chris__sev(https://twitter.com/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: https://www.digitalocean.com/
Follow us on Twitch: https://www.twitch.tv/digitaloceantv
Follow us on Twitter: https://twitter.com/digitalocean
Like us on Facebook: https://www.facebook.com/DigitalOceanCloudHosting
Follow us on Instagram: https://www.instagram.com/thedigitalocean
We’re hiring: http://grnh.se/aicoph1
#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.
