Website changing on publish, one div flowing into another

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:

Your issue related to 100vw (.body-wrapper: width:91vw + margin-left : 9vw)

One solution is by overflow-x & custom code:

    overflow-x: hidden;

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.