The "Normal" Way

Below I added the "Right Sidebar" template which gives me two columns. I have a "Main Content" column and a smaller "Sidebar" column. Inside the Main Content column, I added 4 child columns. In each of those child columns is a Button Module. So because these are child columns, I can only have 4 of them, even though spacially I have plenty of room to add more.

I also set up these columns to change on medium and small devices. For medium, I set the width of each column to 50%, making 2 columns on medium devices. For small, I set the width of each column to 100%, making 1 column on small devices. Notice that I had to set the responsive width for all 4 of these columns.

The "BB Flexbox" Way

Here I have the same setup as before, with a "Main Content" column and a smaller "Sidebar" column. But instead of adding child columns inside the main column, I simply put 8 Button modules into the main column, then converted that column to 8 Flexbox columns. For those of you who can't do math, that's twice as many!!! As far as Beaver Builder is concerned, it still thinks of it as a single column.

I also set up these flexbox columns to change on medium and small devices. For medium, I set it at 4 columns. For small, I set it at 2 columns. Notice that I only had to do this once for each size, versus having to set each column individually for each size before. So this saves time, which I'm all about.