Overflow on an element CSS

Projects Personal Projects
1

Hey everybody, I need your hel on a personal project :stuck_out_tongue:

I try to remove the part of the element on the right side of my page, but I can’t find any valuable technic on the internet. I already tried with overflow and overflow-x: hidden, but it doesn’t work because it removes all my element. Also I tried to set the width to 100% but then the curved formed is not shaped like I need it. Below is a screenshot of the situation and a link to my code in GitHub.

Capture d’écran 2024-01-31 à 15.57.39
Capture d’écran 2024-01-31 à 15.57.39782×592 90 KB

2

I think you are on the right track with overflow: hidden.

Which element are you trying to style?

3

did some quick searching. You could resize your element to fit on the page properly then use “object-fit: cover;” and it will clip off the portion of the image that doesn’t fit. look at this article object-fit - CSS: Cascading Style Sheets | MDN