Skip to content
Submitted 11 months ago

Responsive News Homepage using CSS Flexbox and Grid

craftzniac•120
@craftzniac
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

  • 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

  • Alysson Gomes•470
    @EONRaiderPosted 11 months ago

    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
    craftzniac•120
    @craftzniacPosted 11 months ago

    @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

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