Join the Webstudio community

Updated 5 months ago

Webflow to Webstudio - same properties, different results.

At a glance

The community member was copying a banner from Webflow to Webstudio and noticed that the behavior of the banner was different, with a horizontal scroll in Webstudio that did not occur in Webflow. The community members discussed potential solutions, such as using width: 100vw on the banner, and mentioned that the display: grid on the HTML tag was used to fix other matters. The community member eventually solved the issue by changing the percentage values to VW, but the intention was to understand why the different behavior occurred.

Useful resources
I was copying a banner from Webflow to Webstudio and even though the properties are the same, the behavior of this banner in Webstudio is different. In this case, the banner in Webstudio has a horizontal scroll (something that does not happen in Webflow). Does this make sense? Should this be happening?

Webstudio page link: https://p-bab58446-1243-4666-9964-8126a847d478.apps.webstudio.is/?authToken=5fbfc686-6845-46d4-8ccf-bc4830b4f572&mode=preview

Webflow page link: https://preview.webflow.com/preview/wb-infinite-marquee?utm_medium=preview_link&utm_source=showcase&utm_content=wb-infinite-marquee&preview=dd3c7f93c718b9baedb770de77d9e238&workflow=canvas
M
O
M
6 comments
what is the behavior in Webflow ? Do you have a link to compare?
that's the display: grid we are using on html tag to fix other matters
you could use width 100vw for example on the banner
Thanks for your help, I had already managed to solve it by changing % to VW, the intention of the question was more to understand why this happened
for more info about the display: grid
Add a reply
Sign up and join the conversation on Discord