When many list are added, the page is obscured. How can I fix it?

Thank you! Now, It works very well 😀


I have a CSS problem. I use overflow: auto. But, when many list are added, the page is obscured. How can I fix it?
I used parcel-bundler. Here is my app. Link
Help me. enter image description here

Answer

This is common when using flexbox to center a box vertically. You can fix it by adding margin: auto to .todo

.todo {
    background: #fff;
    min-width: 500px;
    width: 80%;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    margin: auto;
}