Preview site is completely different from published

Hello, I am creating a portfolio and I am running through some issues. When I published my website all of my content moved to the left margin.
For some of my pages, it shows a significant difference. How do I fix this issue?

Here is my site Read-Only: Webflow - Kalia's Portfolio

This is the published view:

I recently published my site and it looks different from my preview site. Text and images are shown to the left-hand side. I have no idea what happened or to change it.

Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])


Hello Kalia! this may be because of the use of inappropriate HTML or CSS code.
You can check whether proper syntax and that all tags and elements are properly closed.
Use appropriate CSS assets and Set the width of your text You can also try setting the width of your text to ensure a good fit. For eg. you can use the “width” property to set the width of your text to a certain value.
Test your site Make any changes and test your site on different browsers and devices to make sure it works properly hope it would help you