Website changing on publish, one div flowing into another

Design help General
1

Hello, when im designing my website on the designer, everything looks perfectly normal but when I publish it a horizontal scrollbar shows up and my body begins merging into the navbar.

Here is my site Read-Only: https://epic-suites.webflow.io

2

Your issue related to 100vw (.body-wrapper: width:91vw + margin-left : 9vw)
https://stackoverflow.com/questions/30489594/prevent-100vw-from-creating-horizontal-scroll/30504010

One solution is by overflow-x & custom code:

<style>
   body{
    overflow-x: hidden;
   }
</style>

Another option (Better):

  1. Remove width: 91w from about-section (Use auto)
  2. Change .body-wrapper width to auto; (like saying 100% for divs)

By the way - the link is not read-only but the .io url.