01
Start with content logic
Do not mechanically scale desktop. First decide what changes order, what hides and which blocks collapse into one column. Then lock geometry in each Frame.
02
Connect layers by name
The same button across all screens needs the same name. If the mobile version is a different object with a different role, give it a separate name so synchronization keeps them independent.
03
Text needs its own check
Connect the font in Tilda before importing. Check text-box width, line height and manual breaks. Browser and editor font metrics usually diverge first on long headings.
- No accidental line breaks
- Buttons keep their height
- Text stays within the Frame
04
Reopen test
Save the block, close the editor and open it again. If geometry survives reopen, the model was persisted correctly. Then test the published page at real viewport widths, not only inside Tilda.