Total disaster between desktop & mobile

I’m having trouble with
I have created a simple hero layout - text (eyebrow), text (large), text (small paragraph), 2 buttons. And, regardless of method used -

  • Section with a stack,
  • Section with a single grid layout and stack
  • Section with 4 horizontal grids

It shows in mobile - as overlapping, text sizing way too small or big and more - just out of control. My layout is not complex

Does Studio even work? Not as advertise Tech support is no help!.

10 days wasted!

This the desktop that when cascaded to mobile is totally misaligned - wrong text sizes and more

When viewed in mobile attached

Stacks is likely the best approach here :slight_smile:

On mobile, you may need to make adjustments and add some overrides to things like sizing etc