How to crop overflowing element?
Hello, I am facing with an issues with an overflowing element. I added overflow-x as hidden on my body element but it didn’t work. What else should I do? Or is it because of Safari? It requires -webkit?
Website:
http://minesa.live
6 Replies
why are your blurred item has a
width
of 120%
?? This is your source of the overflow
Also why use big margins to center your content it would be better to use max-width: 1000px
+ margin-inline: auto;
instead of setting margin: 150px;
on your grid-container
Blurred item had 120% cause it was looking better than 100% for the top of the screen.
You are right about margin inline. I just wanted to test out grid container and it worked well
Fixing width of blurred item fixed the issue but somehow I have same issue on team member’s page(s)
the memeber pages still have it set to 120% 🙂
Although I have updated it tho
now it is 🙂
fixed 😅