title: Scale DOM element to fit inside it's parent with CSS
body: <p>For image and video elements, we can use: <code>width:100%; height:auto;</code>, or even better: <code>object-fit:scale-down;</code> to have the image automatically scaled to fit within it's parent.</p>
  
  <p>Is there any similar (ideally CSS-only) method for scaling DOM elements in the same way while maintaining aspect ratio and visual relationships between child elements? </p>
  
  <p>Something like <code>transform:scale(width:100%);</code> would make perfect sense as CSS property.</p>