Need to Align the product cards

[NatHypo]

Hi!

I need some help to fix this collection page. I need the product cards aligned and even there are some with color swatch and others no, I want the “add to cary” button at the same hight.

website https://nestout.com/collections/all-products

Please, help!

[mrashid_1]

@NatHypo add code in base.css

.collection ul.productListing li.product {
    display: flex;
    align-items: flex-end;
}

[NatHypo]

Hi There!

It worked, thank you so much. And by any chance do you know how I can reduce the space between the button “add to cart” from the product?

Thank you!

[mrashid_1]

@NatHypo paste code in base.css

.product-card-layout-02 .product-item.disable_product_card_border .card-swatch+.card-action {
    margin-top: 0 !important;
}

[mrashid_1]

@NatHypo don’t forget to like