Issue with Resizing Divs in TEAM 2 Webflow Element

Hey all! I am having issues with the TEAM 2 Webflow element. For some reason I am getting this weird issue where the first and last divs in the row resize randomly like every few seconds and when I publish it reflects the wrong size https://preview.webflow.com/preview/shakethenations?utm_medium=preview_link&utm_source[…]b53d011a99&pageId=65f30f8d0be6fc0cbb04759d&workflow=preview

· Sorted by Oldest

Angel M.
·
Here's the two sizing that it switches between.
Angel M.
·
Also if using the link above you can find the sitemap on bottom and go on "STAFF"
Matt J.
·
Angel M. Basically I followed this steps to create a more stabalized grid.
1.
Ungrouped the wrapper and and title divs out of the margin div. I would apply this margin to team2_image-wrapper directly instead of using this wrapper div for spacing. (first screenshot)
2.
I changed the height of the team2_item to 100% (second screenshot).
3.
I changed the flex setting to team2_image-wrapper grow if possible (third screenshot).
Hope that helps!

Angel M.
·
Here's the two sizing that it switches between.
Angel M.
·
Also if using the link above you can find the sitemap on bottom and go on "STAFF"
Matt J.
·
Angel M. Basically I followed this steps to create a more stabalized grid.
1.
Ungrouped the wrapper and and title divs out of the margin div. I would apply this margin to team2_image-wrapper directly instead of using this wrapper div for spacing. (first screenshot)
2.
I changed the height of the team2_item to 100% (second screenshot).
3.
I changed the flex setting to team2_image-wrapper grow if possible (third screenshot).
Hope that helps!