Here is my site Read-Only: LINK
I was wondering if I could get some assistance with my layout. In the first screenshot, my hero section isn’t filling the entire width of the page, and I’d like to remove the white space on the right side. In the next screenshot, when I hover over either image, the sizing becomes misaligned, and I’d like guidance on how to make them stay even.
1 Like
Hi there!
Sections in Webflow naturally span the full width of the browser window. To properly center your content, add a container element inside your section. Containers use auto margins to create consistent, centered layouts and help maintain proper spacing across different screen sizes.
For image sizing, implement a responsive approach by using percentage-based widths. Set the parent elements (like sections or containers) to 100% width, then set your images to either 100% width to fill their container, or a smaller percentage for more controlled sizing. This prevents overflow issues and ensures your images scale properly across devices.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
1 Like
\
For some reason this section is still off when ever i hover over either one it does this weird layout: Webflow - Janelle's Spectacular Site
1 Like
Hey @Janelle_K_Plange add overflow: clip to the class .layout422_component.
1 Like