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

only HTML & CSS (Problem with the layout of the page)

@razh23398

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


  • I couldn't figure out how to remove the blank part at the bottom of the page.
  • It was very difficult for me to put all the boxes in their position and that they will not move if I change the resolution. Finally I added "min-width: 1000px;" to the body.

Community feedback

John Omoke 240

@jomoke814

Posted

Try using a grid or flexbox to position your boxes that will help you a lot and make your work easier when moving the boxes around and positioning them. When you use either grid or flexbox your problem of blank pages at the bottom will also be removed.

Marked as helpful

0
Neeraj Parmar 1,180

@nkp1111

Posted

.bottom-container{ width: 1000px; display: flex; position: relative; bottom: 500px; }

You have added bottom 500px to your relative position that means it will push the whole bottom container 500px up from bottom. This might be the reason for extra spacing at the bottom.

Marked as helpful

0

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