Columns Tutorial

Is there a good tutorial on sizing columns? I’d like to be able to create column layouts like a 3 column layout set at 40/20/40 and a 4 column layout set at 20/20/20/40. Or, is that not a thing in Elements and is there a different way to do that?

use a Grid component and set Column & Rows to 12 Columns. Then put in a Container in the Grid for each of the columns. In the Container component under Flexbox and Grid, set it to Grid Item and then set the column number like 5/2/5, as long as they add up to 12.

If you want exacts 40/20/40, set the Grid to 10, and then the Containers to 4/2/4.

2 Likes

Nice reply @ercross :+1:

@dropgates This following videos should also help :slight_smile:

1 Like

Thank you @ercross and @dan , I appreciate the help.