Why are my products not aligning properly on Shopify?

[JunaidWeb]

Hi everyone, I recently encountered this problem where my products don't align as they should do, It's on both devices desktop, and mobile some collection products are not aligning properly, anyone please solve?

[Made4uo-Ribe]

Hi @JunaidWeb 

Would you mind to share your store URL? Thanks!

[JunaidWeb]

Yeah sure. 

https://gzar.ae/

[wo]

Find .m-product-card in the component-product-card.css file and add the CSS code

[JunaidWeb]

Please share the code?

[JunaidWeb]

Are you there???

[wo]

Just to add the code I marked.

display:flex;
flex-direction: column;
justify-content: space-between;
height:100%;

[JunaidWeb]

This code is not working. I have added this code but still the products not aligning properly on Shopify. Please solve?

[JunaidWeb]

Please reply???

[JunaidWeb]

Please assist me, kindly solve my issue!

[wo · Accepted solution]

It seems that you have no coding foundation.

Modify this to become

.m-product-card{position: relative;display:flex;flex-direction: column;justify-content: space-between;height:100%;}

[JunaidWeb]

Thank you it's working.