aspect-ratio

This property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions. 4.1. Intrinsic Aspect Ratios: the aspect-ratio property

Links about aspect-ratio

1. A First Look at `aspect-ratio` | CSS-Tricks

   posted on June 1, 2020

   Oh hey! A brand new property that affects how a box is sized! That’s a big deal. There are lots of ways already to make an aspect-ratio sized box (and I’d

   

2. Designing An Aspect Ratio Unit For CSS — Smashing Magazine

   posted on March 11, 2019 by Rachel Andrew

   What problems will the new aspect ratio unit solve? A look at the design of a new CSS feature.

   

3. Can I use... Support tables for HTML5, CSS3, etc

   posted on April 27, 2020 by Can I use

   

Code sample

.box {
  width: 400px;
  height: auto;
  aspect-ratio: 1/1;
}