Proper Scaling For Multiple SVG Images?
Posted: Wed Dec 12, 2018 11:45 am
Hi All,
Anyone know the secret to getting multiple svg's that are placed within a container to properly scale up or down depending on the browser size? I know that this can be done with logic blocks. I am wondering if there is a technique that can be used to get all of the images to scale while still keeping their spacing with each other.
In the below example in the first image there are 4 squares. This is how I want them to look. However when I resize the browser as shown in the bottom image, then things get funky.
I will be adding a lot more squares to that little issue
Anyone have any suggestions? Thanks!
Anyone know the secret to getting multiple svg's that are placed within a container to properly scale up or down depending on the browser size? I know that this can be done with logic blocks. I am wondering if there is a technique that can be used to get all of the images to scale while still keeping their spacing with each other.
In the below example in the first image there are 4 squares. This is how I want them to look. However when I resize the browser as shown in the bottom image, then things get funky.
I will be adding a lot more squares to that little issue
Anyone have any suggestions? Thanks!