HTML & CSS · Middle · Question 57 of 75

What does `object-position: top` do with `object-fit: cover`?

✓Correct answer: Aligns the cropped image to the top, so faces at the top of a photo aren't cut off
2Moves the <img> element to the top of the page
3Disables cropping

Explanation

object-fit decides how the image fills the box, object-position decides which part stays visible. The default is 50% 50%, the center.

Further reading

MDN: object-fit ↗

Test yourself

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