CSS Layout Patterns - Aspect Ratio

We are going to look at the commonly used CSS layout patterns. Most of the patterns which we are going to see use CSS grid and flexbox to achieve the common UI patterns such as cards, dynamic grid areas, and full-page layouts supported on all modern browsers.

Aspect Ratio
The aspect ratio property sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions.

For more info check out the article