Categories
CSS HTML

Object-Fit

Please download the starter files from here.

A useful but occasionally confusing css property is object-fit (and its related property object-position.

It allows to “crop” images with CSS, which can be very useful in responsive design.

I have created a series of Loom videos to explain how to use it. As always, please watch them in the order implied by the numbers in their titles.