Products grid improvements & how target product image class in bricks css

1

Hi guys

Your Woo product grid is ok if images are all the same size and all products have consistent text fields length. However, some improvements would enable users to get a more satisfactory design straight up.

Add justify-content: space-between
.bricks-element-woocommerce-products .product {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}

And for the images, I had to add a specific height and object-fit. but I cant seem to get this working in the custom css areas for the element??

.bricks-element-woocommerce-products .product .woocommerce-LoopProduct-link img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

Thanks