I’m having an issue where a heading is moving out of position when I change the page size. I want it to stay static like the asset above and below it. Here’s a video reference
The problem is the structure of the content blocks. Your headings, text, video’s etc, need to bij inside a container that is centered and has een max-width to make it responsive.
Advice is to first create one block that has de desired responsiveness. Like this:
section > container > content
Remove any margins on the element inside the container, because this makes that de element can’t naturally flow after resizing.
All these settings need to be set on auto, see attached screenshot:
As a followup on my previous comment, i made two example blocks, also try to reuse class names, like section and container, so you only have set the css properties once.