object-fit is one I haven't used too much until recently (due to browser support). Once you can finally get off that IE11 train the web world really opens up!
My favorite thing about object-fit is that you can use it with img srcset for responsive background images! The picture element is cool if you really need to be serving differently cropped images, but whenever I can get away with same aspect ratio and not supporting IE, I always use object-fit + srcset for all background images.
Definitely a good use case! Did this myself in a recent project in fact.
isn't is similar to background cover?
Indeed it is, but can be used on replaced elements, such as image and video
This property comes in handy when using the img selector, it could be responsive very good one tho!.
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.