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