Design comparison
Solution retrospective
A nice challenge for improving my grid skills and applying accessible mobile menu.
What challenges did you encounter, and how did you overcome them?Modifying my desktop grid wasn't a big of a challenge, I only need to have an eye where and how to define grid placement and a div
can sometimes save misplaced elements so it's very important to refactor HTML really well before diving into styling.
I approached mobile navigation manually with a div overlay at first then changed to dialog
for better accessibility and it was not that difficult to use.
Just the close button inside my dialog I place it using position:fixed
, while it's mostly responsive I feel like I applied it too manually so if anyone got a better method I would be glad to hear it.
Any tips on improvement is appreciated. Thanks :)
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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