Mobile home page with collection of two columns looks distorted

[PSingh1602]

Needed to put two columns to show featured collections on mobile home page so I put this code:

@media screen and (max-width: 749px){

#collection-list-grid .grid__item{

width:50%;

}

It did work but the images are now distorted. I converted the featured collection images to the same aspect ratio and resolution but it still looks the same. I’ve noticed an online site has managed to fix this issue as they also use

the venture theme. Is there any way I can replicate them?

Left image is their store, right is mine. Their URL: royalvapes.co.uk . My URL: vapedepot.co.uk

[KetanKumar]

@PSingh1602

yes, i have check at mobile 2x2 now its ok or any issue?

[PSingh1602]

On mobile looks like exactly in the screenshot? I may have misunderstood but do you want me to change the pictures to 2x2 (which is 600x600)?

[PSingh1602]

it did not solve the issue, anything else I can try,? maybe it’s to do with code, perhaps there’s something in the competitor’s site that allows their images to be perfectly fitted, from which I can copy thier code ?