Design comparison
Solution retrospective
** What I couldn't do properly? **
- I tried very hard to fix the horizontal scroll bar that occurred in desktop mode, but I couldn't understand why. ( I did fix it in mobile mode)
Any feedback is welcome :))
Community feedback
- @KTrick01Posted about 2 years ago
Hi! After tinkering around I found that the elements causing overflow are this ones:
- Nav element (Because it has 100vw width)
- div with class content2 (Because it has a width in vw too, i dont recommend you that)
If in the future you have this same problem, a little trick to identify the elements causing overflow is to give all elements a border
Something like this: * {border: 1px solid black}
, this way you will be able to see wich container is overflowingMarked as helpful1@yunusemrecinarPosted about 2 years ago@KTrick01 Omg. This works like a charm. It is a simple and efficient technique. I didn't think to do this. Thanks a lot!
0 - @AdrianoEscarabotePosted about 2 years ago
Hello Yunus Emre Çınar, how are you?
I really liked the result of your project, but I have some tips that I think you will like:
I managed to remove the side scrollbar this way:
body { overflow-x: hidden; }
I couldn't find her cause either hahahahhaha but the important thing is that she disappeared.
the rest is great!
Hope it helps...👍
Marked as helpful1
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