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

Four Card Feature Section

@smccourtb

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had this odd thing happening where there was excess white space outside of the body/html. I couldn't figure out what was causing it but it went away after fiddling a little bit. Any insight to that would be great, along with anything else you'd like to add.

Community feedback

Ken 935

@kenreibman

Posted

I would set min-height: 100vh for the body which might help with your "excess white space."

I'm not sure what your code looked like during that time so I'm not able to give you proper feedback on it, but great job on the overall project!

Marked as helpful

1

@smccourtb

Posted

Thanks Ken, I have no idea what it was! i added the overflow-y: hidden and that worked but for the mobile side i had an overflow-x problem where setting to the hidden property didn't do anything. it may be worth noting I was seeing this in the developer tools in Firefox under the responsive tab. If i was just looking at the page it was fine without it, it was fine.

0

Ken 935

@kenreibman

Posted

@smccourtb If you're setting min-height values for the parent, and widths of content, you shouldn't have to be adjusting overflow values especially for the entire content.

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