Help with project wanted

HTML-CSS
1

Im trying to make my to do list app look nice and ran into a problem, whenever you add a to-do item it stretches the whole div container, i need to make the to-dos pop up outside of the container, how do i solve this?
Here is the code pen
https://codepen.io/levkantor/pen/eYYgRyO

2

Not sure what you mean by “make the to-dos pop up outside of the container”. Can’t you just move the <ul> out of the #content div and put it below it?

4

Put it outside the container div.

</div>
    
</div>
</div>
<script src='script.js'></script>
  <ul><li id=list> Testing blah blah </li></ul>
</body>
</html>
5

thanks everyone for your answers!