Adding a container.
You can drag any type of container onto your canvas from the Add panel. Under Layout Tools, you'll see Container Boxes, Layouters, Repeaters and Lightboxes. The most basic type is a container box.
Drag elements into your container to attach them. Now when you move the container, all of the elements inside will move with it.
Selecting your container.
If you've attached a few elements to your container, you can still select the container itself using the breadcrumbs model. Click anywhere on the container and hover over the blue text box. Select the word Container, then use the floating action bar to change its design, move it around and more.
Setting sizing options.
From the Inspector panel, under Sizing Options, you can control the way your container—and the elements attached to it—resize in relation to each other, and to changes in the screen size.
Decide how the container behaves in the case of content overflow—whether it will show all the content, hide some of it or scroll to reveal more.
Fill your entire container with a stretched image. Drag the image inside the container to attach it, then click the stretch icon in the top right.
Start these exercises on the desktop breakpoint (1001px & Up). Use the drag handles to resize the canvas and see how the container responds to different screen sizes.
Resize a section with a container inside. Use the drag handles to resize the canvas. Notice that the container width resizes as a percentage of the section across different breakpoints.
Attach elements. Drag an image into the container to attach it. Now do the same with some title text and a button.
Move a container. Select the container and use the drag icon to move it anywhere on the page.
Stretch to fill. Select the image and click the stretch icon in the top right.
Watch related videos.