Section wraps around other sections on the same level?


Here is my site Read-Only: https://preview.webflow.com/preview/projectccc19?utm_medium=preview_link&utm_source=designer&utm_content=projectccc19&preview=25cdd75c26b1847d57e6eb5ebbf98515&mode=preview

Here is the published site: https://projectccc19.webflow.io/

  1. Bar Graph breaks on published. This might be due to 2.
  2. My hero section is somehow wrraping over other items after it (in the same level). This only happens only published site. You can see that other items after hero have this left & right gap which comes from the hero section (When I changed the yellow color of hero’s background to other color, the gap’s color changes too). The webflow preview works perfectly and is my goal.

Notes:

  • If I set the hero section to hidden then publish it, everything from hero until the end will be gone.
  • If I delete the hero section, everything works perfectly on published site.

I’ve been stuck with this for a day now. Thank you! :innocent: