Check out example codes for "elementor woo archive products image heigh". It will help you in understanding the concepts better.

Code Example 1

/** Fixed height on product titles **/

@media (min-width:601px) {
  selector .woocommerce-loop-product__title {
    height: 45px;
    min-height: 45px;
  }
}

/** Change fixed height if we're on mobile or reset it to auto **/

@media (max-width:600px) {
  selector .woocommerce-loop-product__title {
    height: 45px;
    min-height: 45px;
  }
}

/** Alternatively you could also truncate the text on mobile **/

@media (max-width:600px) {
  selector .woocommerce-loop-product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
  }
}

Learn ReactJs, React Native from akashmittal.com