Skip to content
Submitted about 2 years ago

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

raz hershko•100
@razh23398
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

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
    @jomoke814Posted about 2 years ago

    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
    @nkp1111Posted about 2 years ago

    .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

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