All solutions

The svg lines between button elements get their x and y positions from those button elements and position themselves accordingly. However actions that change the screen, like mobile screen rotate, tend to mess their positions up. Can anyone help me out with this?

Edit--Solved!: I would like to make my website in a way that when my user exits then re-enters, he still has all the created todo items from previous session on screen.

I used span to position the posts on desktop view, but what I actually want to know is if there is a way to make this automatic, like posts fit and span themselves according to the screen size?

When I inspect with google dev tools (which changes the screen size from desktop view to mobile), a vertical white space appears on the right side of the site. It fixes itself once I refresh the page, but I have no idea why it appears initially.