How do you make it responsive?

Question

I'd like to make this daily planner responsive, that when you use your phone, the divs fill the screen and you can scroll down over them.
I used my tablet first. It looks good on desktop, too.
https://code.sololearn.com/WcwA8L4PGkNM/?ref=app

Answer 1

For styling To-do List, this'll be a more specific tutorial:

https://youtu.be/ZcZH2IUDGiY

P.S. Thanks Decimis † 𝕯𝖊𝖈𝖎𝖒𝖎𝖘 for tagging.

Answer 2

https://code.sololearn.com/W3gS00IGw160/?ref=app

Gordon has some good tutorials for this.

Answer 3

Thank you for both! Gordon , I'm your new subscriber 🙇

Answer 4

Tsunugi thanks. i'll dm link when available

Answer 5

Tsunugi Thanks, haha.

I planned to start the second half : backend part, but never started 😅

Answer 6

Gordon oh, but I'd be curious to know how you make it work. Please make it happen 😄