Community forum for knowledge and support

Updated 10 months ago

Weird Resizing Issue with Team 2 Webflow Element

At a glance

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

A
M
3 comments

Here's the two sizing that it switches between.

Also if using the link above you can find the sitemap on bottom and go on "STAFF"

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!

Add a reply
Sign up and join the conversation on Slack