In the How layout works article, we've explained how layouts on the web naturally flow from top to bottom. However, many designs will require you to layout elements horizontally, or distribute them across the screen. The Align and Justify controls in Handoff allow you to precisely specify how elements are arranged and distributed.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dd432651-6fc3-4d1e-b6ac-1f15f8d69def/Screenshot_2021-05-10_at_12.08.30.png

Direction

By default, elements are displayed horizontally. Setting Direction to Vertical will display elements vertically.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4abec259-8c76-43ba-b026-3c035a82afa9/38d02724a3c08f5472fdcbab48f66fec.gif

Align


https://s3-us-west-2.amazonaws.com/secure.notion-static.com/80f0a072-71a7-41df-9823-0e20f6d70b60/9bf77aa02ea35e6b99cd48d95028629f.gif

Justify