Make Children divs as equal height with js

equalChildHeights.js

var doEqualHeights = function (parentNodeSelector, childNodeSelector) {
  var $nodes = $(parentNodeSelector);
  $.each($nodes, function (index,node) {
    var children = $(node).find(childNodeSelector);

    var childHeight = 0;
    $.each(children, function (index, child) {
      var currentHeight = $(child).height();
      if(currentHeight > childHeight) {
        childHeight = currentHeight;
      }
    });
    children.css('height', childHeight+'px');
  });
};


// usage
doEqualHeights('.equal_height', '.child_section');

Two lines of code in CSS. :P

parent {
display: flex;
flex-direction: row;
}