How to keep responsive images same height?

Question

I have a webpage that I\'m making, and I have one row with a cover photo and profile picture side-by side. I have them both in a bootstrap row in different-sized grids. But,

Answer 1

use min-height on them

try

img {
min-height:100%
}

if that doesn't work use a fixed max-height

img {
min-height:4em;
}