Section is placed on top of other section - not at bottom

I am a beginner following Sam Harrison’s training on Skillshare, so I may well have done something wrong.

Screenshot from Sam’s training adding a section at bottom of page

Training adds several section and content
See 1, 2, 3 on image below
On selecting Body and adding another section, instead of it being placed at bottom of other sections it ends up on top of the previous sections.
In Navigator I can drag it to above that section, but not below it.
I proceed with section in wrong place and add a Div Block
Div Block ends up outside the Section at top of page (not sure where it ends)

Navigator shows everything in the correct place.

Suggestions to fix please?

Here is my site Read-Only: [LINK][1]
Section and DIV in wrong position

It’s showing properly for me. I would try basic troubleshooting: updating the browser (Webflow only supports Safari and Chrome) or exiting the designer.

Thanks for your prompt response.

I was using Edge Chrome

I logged out and logged in again. The Div is in the correct place within the section, however when I move the Section to the bottom it is still on top of the section above.

Same on Google Chrome

However if I keep the section in the wrong place - the DIV is in the right place in the section. I am is following a tutorial, so position is not important.

I will assume it will not occur when building a real site.

Thanks for your help