Bootstrap 4 Equal height col how to cancel one of the columns?

Question

css

Good day! There are two columns, col-6 the second is stretched to the height of the first because it has more content. How can I disable it so that my second column doesn't stretch to the height of the first column?
now implemented through height: fit-content; will there be consequences for adaptation? and is it right to do so?

Answer 1

As far as I remember, but 4 is flex, so write the parent of these columns align-items: flex-start;
Or : center, baseline, flex-end to your taste.

Answer 2

here it is described in great detail about flexbox, write down your class, and already in it rewrite flex html5.by/blog/flexbox