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
No description
6 Replies
Mannix
Mannix14mo ago
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
Neσ许
Neσ许14mo ago
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)
Mannix
Mannix14mo ago
the memeber pages still have it set to 120% 🙂
Neσ许
Neσ许14mo ago
Although I have updated it tho
Mannix
Mannix14mo ago
now it is 🙂
Neσ许
Neσ许14mo ago
fixed 😅
Want results from more Discord servers?
Add your server