ToDo app using JS and Sass, with tasks saved to the local storage.

Hey. Quite a challenging one. Decided to save the tasks to local storage, which made the challenge a bit more engaging. One thing I'd love insights on is how to make the height of the tasks container to increase with a transition? I've tried everything, but when new tasks are added to, or removed dynamically from, the app, it's height jumps to its' new height. I'd like it to transition smoothly like an accordion would. Since CSS has never been my forté, I couldn't figure out how to go about doing exactly that. I'd love to hear how you'd do that, and also any suggestions are welcome.