How to use CSS object-fit to control your images

Object-fit allows you to control your image in much of the same way you can do with background-image and background-size, but with even more properties at its disposal! It gives us 'cover' and 'contain' as well as 'fill', 'scale-down' and 'none', and 'none' works in a totally unexpected way (it's not the default!)

And the intro thing... that's what happens when you're doing the final touches when you should have been in bed 3 hours earlier, lol.

#fiveminutefriday

---

I have a newsletter! kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: kevinpowell.co/learn-sass

---

My Code Editor: VS Code - code.visualstudio.com/

How my browser refreshes when I save: youtu.be/h24noHYsuGc

---

Support me on Patreon: patreon.com/kevinpowell

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: instagram.com/kevinpowell.co/
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell