I have numerous elements enclosed within a <div class="wrapper">
. My aim is to resize this outer div and ensure that the inner elements scale proportionately along with it.
For instance, when dealing with a group of SVGs, adjusting the transform property of the outer SVG can achieve the desired outcome:
Scaled SVG from blue bounding box
I am looking to replicate this effect with a div wrapper... Is this feasible? (I am pursuing this approach to make use of img tags and similar functionalities, as opposed to solely relying on svgs). To provide context, my ultimate goal is to empower users to drag and drop elements for crafting their own interface, ideally ensuring compatibility across different screens.