Expand cell content to full height in Domino grid

[finkk]

Hello there,

I am using the grid Domino (2fr 1fr) - see the Red Cross grid here: https://leslieh7.sg-host.com/work/

How do I stretch the height of the Red Cross content so it is the full height of the cell?

Secondly, how do I restrict the height of the entire grid? All three cells appear to be much higher than they need to be given the content blocks are short.

This is what we are trying to achieve:

Kind Regards,

Spencer

[ruenel]

Hello Spencer,

Thanks for the very detailed information.

You will need the following to achieve the desired layout:
1.) Set a minimum height for your Cells. I made a demonstration for you and I set it at 360px.
2.) Since each Cells displays different post items, each Cells can be the Looper Provider and the Looper Consumer.
3.) The Featured Image can be displayed as a background image of the DIV element that is as wide and high as the Cell itself.
4.) The 2nd DIV element can be then positioned as “Absolute” to the bottom of the Cell. A negative bottom value can be added so that it will display beyond the Cell area.

Please check out my demo on your page.