News homepage done with SCSS

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 :)
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Mazen Hassan's solution.
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