I want an image to resize propositionally with different breakpoints without cropping. Maybe a silly question but I am not able to figure it out myself. Also not able to find the right post for this either.
If I used “fixed”, the image is not resizing at all.
If I use “fluid” with percentage, the image is getting cropped with resizing.
It’s also important to check it might not have a minimum height or width as that sizing rule can then cause the image to start cropping. For example, if the image can’t be less than 100 wide, it might crop the top and bottom to keep the image the necessary width.
Also, usually due to the browser data, if you’re resizing the image, I have it seen look like’s it’s being cropped but resetting the image will restore the image or if you check the live site, you should see the image looks okay.