DEV Community

Discussion on: Images deform on the website landing page.

 
hendrikras profile image
Hendrik Ras

The images used have a different aspect ratio than the container you want to place them in.

There are 2 ways to go about this:

  1. Use image editing software to crop/ edit the original image, so it will fit.
  2. Configure the CSS in such a way that images will always maintain it's aspect ratio, you can look into Object-fit for example

Hope that helps.

Thread Thread
 
hollaolla profile image
Olaolu

Thank you Hendrik! I'd try this out.