How to align blocks with WooCommerce products?

Question

css

Help align blocks with WooCommerce products
Maybe someone knows how to implement this?

website: reyn95.beget.tech/product-category/basic

Answer 1

in some products, the category with the price moves down to the bottom
upd. (Already aligned everything myself)
Helped
ul.products li.product h3 {
height: 40px;
line-height: 10px;
}
.woocommerce ul.products li.product .price {
display: block;
font-weight: 400
margin-bottom: .5em;
font-size: 0.9em !important;
}
and shortening the title to 45 characters

Answer 2

everything is so exactly

Answer 3

Well, set the height with blocks to a fixed one. so even in BS there are examples, it's okay))
or there are some flexes or mexes, here in the next topic a friend beats his chest, arguing that it is necessary to typeset only on flexes, period)))