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 Solution

@itsale-o

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


Hello 👋

This is my solution to the news homepage challenge. For me it was an easy one, I had some challenge with the CSS part, but nothing too hard.

Feedbacks are welcome

Community feedback

Saad Hisham 1,750

@Saad-Hisham

Posted

Hi there! 🙋‍♂️ Great job completing the challenge! 🎉 If you try to zoom out, you may notice that the design gets ruined, especially on larger screens like 4K and 2K. To solve this issue, you can wrap your page content in a container. This container should have a maximum width and be centered on the screen. You can achieve this by adding the following code to your existing code:

main {
    max-width: 1110px
    margin: auto;
}

Great job keep it up ✨

Marked as helpful

1

@itsale-o

Posted

@Saad-Hisham Thank you! and thanks for the tip, I'll fixx that issue

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