Resizing the Height of 2 blocks to always be the same depending on block with most content I have two blocks based off views on the home page of my site:

block-views-featured-resource-block
block-views-featured-resource2-block


I want them to be the same height as each other on the home page ALWAYS. They are both drawing from nodes. The nodes for each has a description field. And it varies depending on which node is set for the home page, so the length of the description for each changes regularly.

I want each block to expand in size to fit whatever contents are in the description field (might be one sentence or multiple paragraphs) for the node, and I want them both to resize based on whichever of the two has the most characters of content to the same size (one might end up having a bunch of white space below it, but that's ok.

Right now I have them set like so:

block-views-featured-resource-block,
block-views-featured-resource2-block {
    min-height: 350px;
    position: relative;
}


But of course this only resizes each to fill whatever contents are in each block separately...so if the content takes up more than 350px of space one might be larger than the other. I also tried adding clear: both to the above and overflow: auto but neither of those seemed to help. 

Anyone know of a way to do what I want with css?
There's plenty of equal height jquery plugins out there.

jquery-match-height and jQuery.equalHeights are two plugins that you can use, but there's others just google it up and you'll see for yourself.  

Beyond that it's just a matter of integrating the plugin to your theme.