BUT in order to keep everything spaced evenly I have to put Max-Widths and 100% so that the container that is FLEX and SPACE BETWEEN for the logos keeps consistent spacing for all the logos.
What happens is that it adds this HORIZONTAL scroll on the published site, I don’t see this in preview on webflow, maybe it doesn’t show horizontal scroll but when I publish it’s there in smaller sizes.
To fix the unwanted horizontal scrolling on your published site, start by checking the parent element of your carousel. Open the Style panel, go to Size settings, and set the Overflow to hidden. This often resolves most horizontal scrolling issues.
For a more comprehensive solution, ensure your elements use percentage-based widths and max-widths. Set parent elements to 100% width and child elements to 100% or less to prevent overflow. If you notice spacing inconsistencies with inline-block elements, applying a small negative left/right margin can help eliminate any unwanted gaps.
To better identify the source of the overflow, enable X-ray mode in Canvas settings. This will help you visualize element boundaries. Also, test your layout’s responsiveness by resizing the canvas in Designer to ensure everything scales correctly across different screen sizes.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
