产品展示与休息栏 - woocommerce

Question

www.quickgamestore.ml

我的商店页面正在显示产品，但是如果我的标题比图像大，那么标题会出现并打破列，如下所示。

我正在寻找一个css来修复（固定）我的列，不要破坏我的布局。有人可以帮帮我吗？

上面是我用来显示产品并包装行的CSS。

.products { /*****styling products*****/
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-right: 0.5rem;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  flex-grow: 1;
  flex-basis: 20%;
  display: flex; 
}