I have a home page where I have 6 buttons displayed. Each button directs me to another page where I have some info and a “Discover” button. Normally each button should direct me to a specific link but I have a problem that my index is always set to 0 and it doesn’t change.

Hey guys so I am making a diagram / flowchart web app and i finished the majority of the work only a couple of things remain .
I am trying to implement a way to zoom in and out the container (similar to how lucid chart does it ) and also give the ability to pan the container for example if there are no more spaces left in the container the user just pans to which ever direction he pleases and more space would be available .
the things that i have now are a container containing nodes that are positioned absolutely thesse nodes i can drag and position in whatever way i choose thre is a bug that happenes when i move the nodes to a position wich overflows the container the node would get stuck there and i can only move it to a position that overflows the container more and i can’t pull it back.

I have an image like this
(https://i.sstatic.net/oz4mb8A4.png)
and it zooms in when you hover.

How would I tackle this problem? I created a website consisting of an index page and a couple of subpages, all enhanced by CSS and JavaScript. Although it looks as it should on my computer, on another computer with a smaller resolution and on my phone it does not look as I want it to.

I have searched all over the internet and can’t find anywhere how to do this.