Layout is important for building mobile responsive content by telling the browser how to collapse the content for different devices. Using the Row and Column blocks, you can arrange where your content will appear.

Each row can take up to 12 columns. You may notice the Column blocks are named by the numbers that represents the columns sizes. For example, to get three equal spaced columns, you will find "Column 4-4-4" indicating there are three columns of 4/12 sizes each.

A row can be nested within columns with its own set of columns to create more complex layouts. Use multiple Row blocks to stack different layout.