Can someone please help with the alignment on my page

Hi! I am trying to get my elements (headings, paragraph texts, etc) aligned properly on the page. In the designer mode, the alignment looks ok, but when I go to preview mode the alignment changes.

I want the alignment to be consistent throughout. Thanks in advance.

Here is my read-only link: https://preview.webflow.com/preview/delfina-ui?utm_medium=preview_link&utm_source=designer&utm_content=delfina-ui&preview=df1a6b47ff88722ef3218e599dca3caa&workflow=preview

HI Alicia,

It looks like you are trying to position elements on screen using margin/padding instead of a responsive layout technique like flexbox or grid. Content on Webflow University should be able to clarify what I mean. Also see screenshots.