Hi friends,
I’m trying to get the magnification on hover code to work on this big map I made.
Published site link
Webflow project link
It works just fine on my big desktop screen but when I open the page on my smaller laptop screen, the right side gets all wonky.
I think I sorta figured out a piece of the puzzle- the original image it’s magnifying from is fixed to the top left corner of the div box at it’s originally saved size (3360x1890) but I’m not sure how to make the image it’s magnifying from to resize depending on the screen.
- I’ve tried changing the flex alignment and everything but it looks like the image its magnifying from overflows out of it