Layout columns
for no-code UI builder global settings in Amazon Connect
The view resource uses a flexbox pattern with 12 columns. Instead of components being placed onto the canvas in a pixel perfect manner, components occupy a relative position to one another, allowing the view to responsively scale up and down in size without loosing the composition of the view. In the Global settings you able to determine how you want to group your columns.
For example, in the Column section, you can choose to divide the view into two sections of 6 columns and get the following layout.
You could also use the Customize slider to alter the ratios of these groupings. For example, you can set it so the left hand side of the view is 4 columns and the right hand side is 8.
