Inconsistent spacing (and Header font size) for mobile layout

Regarding Mobile layout: Edit and preview looks different and I don’t understand, or can’t, set spacing properly.

I have only tested Preview mode. I can’t test on a real Mobile, since, by some reason the web published course believes it’s on a Tablet - at least on a Samsung S26 Ultra…

Noted inconsistencies:

  1. In edit mode, the header (set to Header 4) is very small (It looks ok in Tablet and Desktop mode.)
  2. The Elements (or if it’s Col or row) horizontal spacing is very small in Edit mode, but not in Preview.

Never mind the scaling differencies of the Image, it’s an Iframe element and I scale it from inside the iframe.

Edit mode, Mobile:

Preview mode, Mobile

I can PM you a link to the course if it helps debugging, just send me an email…)