Site viewed in preview/Published mode has large space on the right side

Design help General
1

Hello,

I currently working through the webflow tutorial but seem to have ran into a persistent issue that I can’t seem to fix.

I have my site/content margins to 80px on both sides, but when I preview the site or view the published site, it looks distorted. There is a giant space on the right side of my site that pushes all of my content to the left side, leaving my site unaligned and with a crazy margins on the right.

I tried to select the body and set its overflow to hidden, but that did not fix anything. I would be extremely grateful for the help.

Here is my site Read-Only: https://alexiss-ultra-awesome-site-0ee3cb.webflow.io/

2

Hey @lucylu , your .container class needs to have margin-left: auto and margin-right: auto for your content to be centered. If you like 80px on both sides, you can choose to set it on the padding left and right instead.

3

Hey @jiyong , Thank you so much. I really appreciate it. This solved days of headaches!

1 Like