![CSS Trick: How to Object-fit an Image inside its Container Element in the Open Event Front-end | blog.fossasia.org CSS Trick: How to Object-fit an Image inside its Container Element in the Open Event Front-end | blog.fossasia.org](https://i0.wp.com/blog.fossasia.org/wp-content/uploads/2017/07/object-fit.png?fit=483%2C128&ssl=1)
CSS Trick: How to Object-fit an Image inside its Container Element in the Open Event Front-end | blog.fossasia.org
Web Developer 🔵 on Instagram: "CSS : Object-Fit 🎁 👉FILL Default. Resizes the image to fill the content box. Aspect ratio is not maintained and image may appear stretched or compressed. 👉CONTAIN
![html - Centered text overlay on image that is object-fit & object-position ( CSS GRID) - Stack Overflow html - Centered text overlay on image that is object-fit & object-position ( CSS GRID) - Stack Overflow](https://i.stack.imgur.com/KLdgl.png)
html - Centered text overlay on image that is object-fit & object-position ( CSS GRID) - Stack Overflow
![New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev](https://web.dev/static/articles/aspect-ratio/image/object-fit-demo-visualiza-6e1b75de8297c.jpg)