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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive News Homepage using CSS Flexbox and Grid

Mike 80

@MikeyOnyedika

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 some best practices for using BEM css convention. I'm new to BEM
  • In the live site, there's a scrollbar on the x-axis of my page (atleast, on a chrome browser). I don't want to do a overflow-x: hidden on the html body as that hides the padding on the right side of the page completely. I'm not sure how to remove that overflow.

Community feedback

P

@EONRaider

Posted

Hello. I've just opened your solution on Chrome and tried "overflow: clip" on the HTML body. It has removed the x-axis scrolling without further visual differences. I hope this helps!

1

Mike 80

@MikeyOnyedika

Posted

@EONRaider i guess I framed my question terribly. Really what I'm looking for is a way to remove the horizonal scrollbar on the page (because that's unnecessary) while preserving the padding on both sides of the page. This padding is visible when you viewport width to say 500px.

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