Tiggles ツ
8/28/2019 - 1:51 PM

matchSiblingH()

great for flexed siblings w a 50/50 split. Add .matchit to element you want height adjusted. Alternatively, just align-items/align-self: stretch

 function matchSiblingH() {
    $(".matchit").css("height", ($(".matchit").parent().children('div').not('.matchit').outerHeight()));
  }
.container {
  display: flex;
  flex-direction: row;
  .item {
    align-self: stretch;
    flex-basis: 50%;
    height: auto;
  }
}