Cover images are stretched on large screens

giorgiouboldi / IPS-design

A repository to test the design of the IPS platforms

https://giorgiouboldi.github.io/IPS-design/

1 stars 0 forks source link

Cover images are stretched on large screens #37

Closed giorgiouboldi closed 4 years ago

giorgiouboldi commented 4 years ago

Screenshot 2020-06-16 at 17 29 05

Mai-tbaileh commented 4 years ago

we faced this problem of square image this photo is 799 X 533 and the size is 57kb so the image is not of high resolution and after cropping it stretched,is there a way to avoid stretching the images in this case???

so based on your experience shall I put a requirements for images dimensions and size??

giorgiouboldi commented 4 years ago

@Mai-tbaileh sorry I didn't see the reply. I would suggest to use css property "object-fit: cover;" see documentation