Aspect Ratio!

Struggling to maintain perfect proportions for your images or videos? Say hello to the aspect-ratio  property

Here’s how it works: 

.container { 
  aspect-ratio: 16 / 9;
  width: 100%; 
}

Why use it?
Makes responsive design a breeze. 
No more padding hacks or manual   calculations. 
Works great for images, videos, or any block-level element. 

💡 Tip Combine aspect-ratio with object-fit  for images or videos to achieve perfect scaling.

@etwebs