Building a responsive 2-column layout

Learn how to build a responsive 2-column section that resizes according to the browser size and stacks on smaller tablet/mobile devices.

1. Ensure that you have applied Autolayout to the section with 2 child layers

2. For these 2 child layers to resize accordingly to the parent section, set their width constraint to “Fill container”

Stack the items vertically on smaller devices

1. Select the 2-column Autolayout frame and tag it as a container

2. Click on the Styling & Layout tab

3. Click on the 768px tab and change the layout direction from horizontal to vertical

4. You have successfully created a responsive 2-column layout