Solution for a challenge from frontendmentor.io
This challenge will test your ability to create dropdown navigation menus, a common pattern on larger sites. It will also provide some nice basic layout challenges.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- View the relevant dropdown menus on desktop and mobile when interacting with the navigation links
- Semantic HTML5 markup
- CSS custom properties
- Flex
- Mobile-first responsive workflow
- Vanilla JavaScript
A very easy project to keep updated with the Frontend Mentor projects and remember the basics!
- Figma - Paste your design image to check the size of containers, width, etc.
- Perfect Pixel - Awesome Chrome extension that helps you to match the pixels of the provided design.
A big thank you to anyone providing feedback on my solution. It definitely helps to find new ways to code and find easier solutions!