Design comparison
SolutionDesign
Solution retrospective
Images
Due to the lack of design files for tablet-sized screens, images are not in ideal sizes between 701 and 850 pixels.
Mobile Dropdown
I tried to make this project HTML and CSS only, but couldn't figure out how to make these dropdowns in mobile by CSS. Hover didn't work because if you hover the second dropdown while the first one is open, the first one closes and then the second one is no longer there where you hovered and it closes. So, I added simple JS, but it still isn't as smooth as I intended.
Community feedback
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord