CSS · The box model

object-fit

How replaced content such as images fills its box without distorting.

cssRunnable example css course

Syntax

object-fit: cover

Example

Try it

img { width: 100%; height: 140px; object-fit: cover; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.