Designing with Canvas Mode in ContentBox.js

Auto layout on Mobile feature automatically adjusts the blocks to fit on mobile screens. You can turn off the auto layout feature if you need to make adjustments manually.

Let's follow a walkthrough on designing with the auto layout turned-off.

Summary

• Grouping blocks ensures that each block's position is consistent relative to the others.
• Reducing the grouping (width) size makes the position steadier.
• Locking the canvas height will make the layout more consistent across different device screen heights. Read More: Locking Canvas height
  

Designing with Canvas Mode in ContentBox.js

1. Block Positioning
2. Steady vs Non-Steady Block
3. Grouping Blocks
4. How to Design with Auto Layout Turned-Off
5. Locking Canvas Height
6. Animating Blocks