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

Flexbox, BEM

@poissonfou

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


What are you most proud of, and what would you do differently next time?

...

What challenges did you encounter, and how did you overcome them?

...

What specific areas of your project would you like help with?

...

Community feedback

P

@nvalline

Posted

Hi Emerson,

Good job with this challenge. I like how you created the responsiveness for tablet size devices as well.

One suggestion is that I am on an ultra-wide monitor and when viewing your solution on devices that are greater than 1440px your content is no centered and some of the elements extend beyond the design specifications.

There are a couple of ways to control this. 1) Implement a max-width on the header and main elements, 2) Implement either margin and padding to align the content where you want, or implement flexbox to center the content on the screen.

I hope this is helpful.

Cheers!

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