Because the Navbar is going to need JavaScript in order to function correctly, I have decided to make this a Lit component. The styles for the Navbar should also be included in the Lit component (as opposed to the SCSS files). There is already a skeleton of the component available, I just need to fill it out. The navbar should function as follows:
Should display at the top of page for mobile and tablet views. It should display at the side for desktop.
In mobile and tablet views, there should be a hamburger menu displayed at the top right of the screen.
Clicking on the hamburger menu should show a dropdown menu with all of the different resorts.
Because the Navbar is going to need JavaScript in order to function correctly, I have decided to make this a Lit component. The styles for the Navbar should also be included in the Lit component (as opposed to the SCSS files). There is already a skeleton of the component available, I just need to fill it out. The navbar should function as follows:
Mock-ups can be found here