Unfortunately, setting a minimum height (as suggested above) doesn't scale. It will only work above at fixed resolutions. See what happens when the code is applied:
A better alternative is to use flexbox to create equal-sized containers. Add
display: flex
to the column container, and then for columns of equal height, add
flex:1
to the columns themselves. Be careful about the specificity so that you don't inadvertently affect other elements on the same page.
@romerodan to do this on your site, you'll want to put the three columns in their own section of your index page. This will enable you to target just these three columns. When flexbox is used on the page, the columns do this at different resolutions:
@erin3 For specific advice for your site, please provide the URL of the page.
romerodan got a reaction from tuanphan in How to keep stack blocks all the same size?
romerodan got a reaction from paul2009 in How to keep stack blocks all the same size?
romerodan reacted to paul2009 in How to keep stack blocks all the same size?
