Porduct card design breaks at certain point

Hello.

Im having a slight problem once again with product cards in my store. The thing is, It’s not fully responsive, when inspecting with developer tools you can see that most Iphone users see the product cards in different heights due to some having Discounted price + Old price in the same line, while other cards having it split into 2 lines, this happens due to some having variations and “from” labels appears, It happens at exactly 457 pixels but I was unable to break it into to lines as Im not skilled enough in css and html, Was hoping for help here.

Site - HomeFinesse.net/collections/all

Hi @Erik19

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

#ProductGridContainer .card__heading {
    min-height: 90px!important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Unfortunately that doesnt work, it still doesnt break to 2 lines.

I checked again and the problem seems to have been resolved :grinning_face: