Build a Responsive Sidebar Menu with Animated Dropdowns | HTML CSS JavaScript Project

简介：

In this video you will learn how to use modern CSS and JavaScript concepts by building an HTML, CSS, and JavaScript project. The JS project is a responsive and collapsible sidebar navigation menu that has dropdown menus that can transition to height auto using a CSS pro tip that requires a CSS grid layout. On smartphone screens the sidebar navigation will turn into a bottom navigation bar so that mobile users have the navbar at the bottom of their screen, just like any common app design. In the bottom navbar the dropdowns will drop‑up using fixed positioning and a media query.