AdaptiveGrid by Stacks4Stacks: https://stacks4stacks.com/adaptivegrid/
Equal heights will only work on the grid cells themselves, NOT the stacks you put inside the cells. We cannot see what you put inside each cell. Additionally we have zero control over the content you place within each cell – and it would be mighty foolish to attempt any manipulation of heights on stacks developed by someone else (it would likely cause a lot of breakage).
If you turn-on background or border fills in the settings, everything should work fine for you:
Each row of cells will gain a fixed height (in pixels) and all will equal the height of the tallest cell within that horizontal row. If the page is resized or changes orientation, the calculations are repeated. Same if the screen is made narrower and cells reflow onto new rows.
Stacks dropped inside the cells will safely retain an ‘auto’ height and are never changed.
AdaptiveGrid does not have options for shadow effects built-in. Right now for box shadow effects, your easiest option is to give each cell a custom class of something like ‘cellShadow’ and then write some simple custom CSS code to apply a box shadow and some extra margin:
box-shadow: 0px 0px 5px 6px #ccc;
The cell width settings may require a slight adjustment, to compensate for the new margin. End result would look like this:
If you find the above useful and you decide to use AdaptiveGrid in your project, please don’t forget to make a small contribution to support ongoing development and updates.