Relume
Log in

Community forum for knowledge and support

Updated last year

Weird Resizing Issue with Team 2 Webflow Element

At a glance

The community member is experiencing an issue with the TEAM 2 Webflow element, where the first and last divs in the row randomly resize every few seconds, and the published site reflects the wrong size. The community members in the comments provide suggestions to stabilize the grid, such as ungrouping the wrapper and title divs from the margin div, applying the margin directly to the team2_image-wrapper, changing the height of the team2_item to 100%, and adjusting the flex settings of the team2_image-wrapper. The community members also mention that the sitemap can be found on the bottom of the provided link, under the "STAFF" section.

Useful resources
AAngel Marcano
·

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
AAngel Marcano

Here's the two sizing that it switches between.

AAngel Marcano

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

MMatt Johnson

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