The method described here was the first that popped it to my mind. As I was doing this I kept thinking, “How can I do this with less container?”

Why do I want less containers? Excessive containers can negativelyeffect performance. Containers in containers is epecially hard on performance. I always try and find ways to minimize the number of containers I use.

Let’s see how this particular post was done.

First, click on the “+” in the main container to add another container.

Next, select the flexbox option  

This will then present a variety of predefined flexboxes. It really doesn’t matter which one you choose because you can add or delete containers as you please. I always pick the one that is the closest to the layout I want.

In this case I picked the four column design.

I deleted one of the columns which gave me the three columns I wanted. I made the width each container 33.3%. This is 33.3% of the width of the parent container. Of course, they do not have to be equal size. 

Now you can drag whatever widgets you need into each container. If all the containers are going to have the same style, get one finalized, copy it, and then copy the style only to the others. This can save a lot of time.

The disadvantage to this method is that has 4 containers. Let’s see if we can find a way to reduce that number.

Check out this post – Movement with Less containers.