Make dots on a map hold their position whiel scaling up or down? (CMS)

Design help General
1

I’m trying to build this map to be scalable so each dot hold it’s position on the country when scaling down to mobile.

It’s a clone of this project:
https://webflow.com/website/Interactive-CMS-Map-Responsive-Collection-List

However even though I didn’t touch any values it’s not properly scaling like the demo.

https://preview.webflow.com/preview/flashfeedio?utm_medium=preview_link&utm_source=designer&utm_content=flashfeedio&preview=426797fcdc5d8a542ad1d987489e9fb3&pageId=6039ca7bd9a3b54fa9db8ae5&mode=preview

2

Hello.
When you read the comments (tricks) off this - **interactive-cms-map-responsive-collection-list **

You could probably use Webflow interactions to scale the map div up on click of a button. If you wrap the map in a div with the overflow set to hidden, it would even crop the map inside a contain while it scales.

So maybe that’s a solution?

`