Responsive news homepage with using grid and subgrid layout

Solution retrospective
I am proud of creating the layout as close to the design as possible. I used grid and subgrid to make the layout and align them perfectly. I also implemented overlay menu that comes up with a transition.
What challenges did you encounter, and how did you overcome them?I encountered several layout changes and menu toggling changes to be challenging. I overcome them by searching on stackoverflow.
What specific areas of your project would you like help with?Currently no specific area to be particular but on the layout shifts that happen when an overlay is displayed and the scrollbar gets hidden. I used a new property called scrollbar-gutter
to prevent this. But could not try using vanilla css and js.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MarziaJalili
Bahoot amazing! 💯
🌟 A cherry on the top?
✅ Consider adding an event listener that listens for clicks on the page element and hides the navigation on mobile when clicked outside the bar to make the page more user friendly.
Other than that, you've come with your A game!
😎😎😎
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