Flex Align Content on Home Page

[colleenc]

I am trying to justify the information on my product cards on the home page so that the brands, product name, price, and buttons each align on their own row.

Some of my product titles are long and wrap onto a second line depending on the size of the viewer's screen. When that happens, the prices and buttons no longer are centred along the row. See the item on the right below:

I can't seem to figure out what css I need to use to fix this, or where it is located.

Store link: https://test-store-colleen.myshopify.com/

Password: thanksforyourhelp

PS: I kinda hacked the extra space below "Free Shipping"...if you bump into that (and laugh) feel free to let me know how I can achieve a bit of space there in a more elegant manner.

[KetanKumar]

@colleenc 

yes please try thiscode

 add this base.css bottom of the file

h3.card-information__text.h5 {
    min-height: 45px;
}