Aspect ratio
👋 FYI, this note is over 6 months old. Some of the content may be out of date.
/* Old, hacky way */
.parent {
padding-top: 56.25%;
}
/* New, cool way */
.parent {
aspect-ratio: 16 / 9;
/* or for square things */
aspect-ratio: 1 / 1;
}
← Back home