Equal flexbox height

HTML-CSS
1

https://codepen.io/easterrc/pen/yoxMrp?editors=0100

cant seem to have an equal img and textbox height.

29 PM
29 PM1264×100 16.8 KB

2

Your scss:

.jumbotron {          //parent of img and textbox
  display: flex;
  flex-flow: row wrap; //change to nowrap when browser size hits 400px
  
  img {
  max-width: 100%;
  height: auto;
  }
  
}

Your height is put to to Auto, what you’d want to do is change the height to 100% so it would cover the entire height of the container

.jumbotron {          //parent of img and textbox
  display: flex;
  flex-flow: row wrap; //change to nowrap when browser size hits 400px
  
  img {
  max-width: 100%;
  height: 100%;
  }
  
}