Cropping images with Object Fit

If we want to create a layout where we specify both the height and width of an image, creating a flexible layout, we can use `object-fit` to crop the image.

Demos:
• Simple photos: http://labs.jensimmons.com/2016/examp... or on CodePen: http://codepen.io/jensimmons/pen/jqKN...
• Article w/ header layout: https://labs.jensimmons.com/2016/exam... or on CodePen: http://codepen.io/jensimmons/pen/wGXw...
• Samples of options for Object Fit: http://labs.jensimmons.com/2016/examp... or on CodePen: http://codepen.io/jensimmons/pen/ZWRz...

MDN Web Docs:
• Object Fit: https://developer.mozilla.org/en-US/d...
• Object Position: https://developer.mozilla.org/en-US/d...

• Category

  • Science & Technology

• License

  • Standard YouTube License