Equal flexbox height

Equal flexbox height
0

#1

cant seem to have an equal img and textbox height.


#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%;
  }
  
}