Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

news-homepage-main-Grid

Xqu1shy 270

@Xqu1shy

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Having a hard time figuring out how to make the modal 100% in height(it leaves a tiny gap in the bottom) any fix for it? or is there a better way

Any tips for grid. Thank you!!

Community feedback

@jake4369

Posted

Hi, site looks great you've done a really good job!! As for the modal, you could try adding min-height: 100vh; here #nav-modal { margin-left: auto; height: 100%; width: 70%; padding: 1.5em; background-color: white; border: none; position: fixed; } This property will ensure that the height matches the height of the screen and you won't have the gap.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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