Design comparison
Solution retrospective
AT MEDIA 375PX MY OVERFLOW: HIDDEN IS NOT WORKING, IF YOU KNOW WHY THEN PLEASE TELL ME.
Community feedback
- @clinto-beanPosted over 1 year ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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