Can somebody tell me why image background is deformed in mobile view ? how can i fix it ?
background image is deformed only in mobile view can somebody help me
![](https://utfs.io/f/6823f6d2-3caa-4daa-bc02-8a67e0308a78-1nq2cb.png)
![](https://utfs.io/f/d5e8582f-0d1b-4f61-8a92-459c679e3fcd-1nq2cb.png)
![](https://utfs.io/f/0c7333bc-f3a2-4b22-8b5f-734d5818c5e8-1nq2cb.png)
![](https://utfs.io/f/0e2c5787-7537-4706-b8c5-e302eecfd182-1nq2cb.png)
2 Replies
background-size: 100% auto
You're skewing the image. The width is matching the width of the space, but the height is staying at the default height of the image, so depending on the viewport size, it's squooshing or pulling it wider
background-size: cover
is usually the safest if you don't want it to get squished or stretched. It will crop some of the image, but we sort of need to live with that since we can't have consistent sizes/aspect-ratios across different devicesthank you @Kevin i've never thought u will reply to me, big fan of u, i really appreciate it, ye i know it crops some of the image and i thought it has solution but ye thank you alot ❤️