Practical, repeatable CSS for application development.

object-fit puts you in control of img and video aspect ratio.
Images and videos have a source aspect ratios and those ratios can differ from their containers.
object-fit has has values for scaling content to fit the available space of your layouts.



Scale Images with object-fit

object-position controls the placement of img and video media inside containing boxes. It's a partner property to object-fit. Using the two properties together gives full control over image scaling, placement, and cropping.

Styling

Instructor

Course content (2 lessons)

Instructor