How can i make my products the exact same size so the layout looks clean as possible

[bally]

hi, can anyone help on making the layout of the products and picture the exact same so it looks clean on mobile and desktop view instead of different sizes, please see the picture below.

im using the theme Focal

[AnneLuo]

Hi, @bally 

Where is the layout on your page? I can't find it.

[bally]

its Focal theme

[store-crafters]

Hey,

In your store I don't think the issue still persists, but there is an additional issue that if the product title is too long and it shows in too lines then the product card doesn't look good, to fix that you can paste the following code in your theme's css file

.ProductItem__Info.ProductItem__Info--center { display: grid; grid-template-rows: repeat(auto-fit, minmax(50px, 1fr)); }

[bally]

this doesn't work. and my page is not in the grid. one product picture is big the other is small i need them look all in one line exactly

[store-crafters]

Are you working on a theme that is not active/published yet?, If yes then share the preview

[bally]

yes i am its not published let me send you the preview link now.

https://fh4xuuvtd2rm3os1-53316157635.shopifypreview.com

[store-crafters]

.product-item__aspect-ratio{aspect-ratio: 2/3}

place the above code in your css file

[bally]

is it the theme css file?

[store-crafters]

yes

[bally]

still doesn't work