HTML & CSS · Middle · Question 52 of 75

What does `aspect-ratio: 16 / 9` give you on a video container?

✓Correct answer: The height is derived from the width, reserving space before content loads
2The video is cropped to 16:9
3It only works on <img> elements

Explanation

It replaced the old padding-top: 56.25% hack. Reserving space prevents layout shifts while iframes or images load.

Further reading

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.