Spacing different in preview mode

Hi all! I’m new to webflow and noticed that the image in my design mode is fine. Even spacing.

However, in preview mode, the spacing in the right picture is very off.

Here is also the read-only link.

https://preview.webflow.com/preview/technical-writing-portfolio-1c9931?utm_medium=preview_link&utm_source=designer&utm_content=technical-writing-portfolio-1c9931&preview=f2f643730cd31fad9dc75cdcb783f152&workflow=preview

Thank you!

I also noticed that where my name is displayed is off too.

@Mohammad_Halim you have max width set to body element, you should create a wrapper div center then max width

1 Like

It worked! Thank you!