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:

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.