My grid items are not stacking properly - need all row items the same length

Design help General
1

Hi there,

My Grid items under ‘Past Event’s’ are not aligning properly - I need all row items the same length (no matter the length of the text e.g it takes the longest text length across all 3 boxes). I have changed the image settings as the image needs to stay the same proportion (needs to stay like this e.g absolute) and this had pushed it out. If you could help with fixing the boxes to they align based on the box with the longest text that would be amazing!

Thanks
Rose

https://preview.webflow.com/preview/nextgen-agri?utm_medium=preview_link&utm_source=designer&utm_content=nextgen-agri&preview=d3688941932ca7eed389087da47b68d6&pageId=61358e335aa0100771715a11&workflow=preview

Here is my site Read-Only: [LINK](https://preview.com/preview/nextgen-agri?utm_medium=preview_link&utm_source=designer&utm_content=nextgen-agri&preview=d3688941932ca7eed389087da47b68d6&pageId=61358e335aa0100771715a11&workflow=preview)
(how to share your site Read-Only link)

2

https://preview.webflow.com/preview/nextgen-agri?utm_medium=preview_link&utm_source=designer&utm_content=nextgen-agri&preview=d3688941932ca7eed389087da47b68d6&pageId=61358e335aa0100771715a11&workflow=preview

3

Just give CourseSummaryBock a height of 100%, it will fill the remaining space in the parent div.

1 Like