Equal height grid column

Hi Chad,

You actually can't with the unsemantic grid. Flexbox is required in this case.

If you google "css flexbox equal height columns" there should be lots results.

Here is one of them: https://codepen.io/imohkay/pen/gpard

Ok, thank you.

No problem!

Well, that was the easy.

Awesome :) Thanks for reporting back!

Hi, trying to figure out how to fix a problem with 3 col that were equal height before I added borders and shadow.

Client wants rounded corners.

Once I added borders, shadow, the first col becomes larger than the other two?

http://devwelladvised.wpengine.com

Haven't found solution in forum yet.

Thanks.

Hi there,

It looks like you're using Elementor. Do their columns have an equal height option?

I will go in and check Elementor. I've been doing everything so far through the Generatepress editor. I have the columns the same when the screen is expanded.

But the columns are different in size when I pinch in until they mobile break points.

Again, I'll check. Thanks!

No problem!