Video showcasing my problem: https://streamable.com/w0h3yn
Webpage: ganznz.github.io/todo-list/dist/

I'm having some trouble with my webpage where if the screen is around the width of a mobile screen, the content will kind of overflow and become taller than the overlay (green see-through div) that's in-front of it, which I don't want. I don't really know how to explain the issue so I hope the video above is sufficient!

I am happy to provide more details if necessary.

NOTE: I have not implemented any functionality to the site yet, it's not meant to 'work'. The site only consists of HTML/CSS so far.

CodePudding user response：

try adding:

overflow: auto

to the css of your main content, which I believe is your class .main-content-container