Stretching grid elements to fill grid and match sizes

Hi Webflow peeps,

I’m trying to stretch grid elements to fill the grid and match each other’s size, but just stuck not knowing where to look with a little problem here.

Image shows the structure of my grid and the resulting problem on the right-most grid element.

As you can see in the screenshot, when the paragraph in one grid element shortens to two lines (while the other elements have three), the grid element shrinks. I tried to use flex in the grid elements to stretch, but can only achieve pushing the internal elements to either end.

Read-only link: https://preview.webflow.com/preview/jack-portfolio-0a5f5f?utm_medium=preview_link&utm_source=designer&utm_content=jack-portfolio-0a5f5f&preview=6c4d4dd14c868582168a525331536e77&workflow=preview

You’ve probably guessed I’m pretty new to this by now! Any help much appreciated :slight_smile:

Jack
UX Designer

hi @Jackgdesign set height of your case study element to 100%

Thank you Stan, yes that worked :slight_smile:

1 Like