What is the Layout Editor?

You can  ‘layer’ components in front of each other (e.g text over an image),  center items vertically, and set the way your items are displayed on different screen widths and much more. The image below shows examples of the ”layering” of items. 

Check out this video for an overview of many of the features:

Why is this useful?

The key features to changing you layout are:

  • The “Container component” can hold other components within it and specify how the ‘child’ components line up (eg, in a row, in a column, in the center of the container or spaced evenly throughout). 

  • You can drag components within container components. Hovering on components highlight the paddings, margins, and position in the screen layout hierarchy.