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

Results-summary-component

@Hawk3037

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


AT MEDIA 375PX MY OVERFLOW: HIDDEN IS NOT WORKING, IF YOU KNOW WHY THEN PLEASE TELL ME.

Community feedback

@clinto-bean

Posted

Hey Anshul,

Your code for the overflow: hidden on screens below 376px seems to be correct. When I load the page, I don't have any overflow. One thing I can recommend, in your browser, is to use the element picker (Shift + Ctrl + O on Windows Firefox) and hover over the elements, where you will see the full width it takes, and if something shows larger than 375px, then you may have found your culprit.

Something you will find helpful in the future is to not use static width and height (like width: 18rem), just max-width, and rather size the inner elements using things like padding and margin, this makes it so that your website is more easily made responsive.

Marked as helpful

0

@Hawk3037

Posted

@clintonclark1995 THANK YOUU

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