How to fix bootstrap cards?

Question

css

How to fix so that when adding text they remain at the same level?

Answer 1

style="height: 228px;"

Answer 2

Giving a fixed height is not the best option, you can do it through flexbox... but here you need to take into account how many rows with products you will have. flexbox aligns to the tallest element on the line. If there is only one line, then we do it through flexes, if there are more than 1 lines, we write a js script that runs through all the lines, looks for the maximum block in height there and assigns this height to all blocks.