The Columns block allows you to insert text, media and other types of content into up to six columns. When used one after another, the columns create a grid effect.
This page tests how the theme displays the columns block. The first block tests a two column block with paragraphs.
This is the second column. It should align next to the first column. Reduce the browser window width to test the responsiveness.
This is the second column block. It has 3 columns.
Paragraph 2 is in the middle.
Paragraph 3 is in the last column.
The third column block has 4 columns. Make sure that all the text is visible and that it is not cut off.
Now the columns are getting narrower.
The margins between the columns should be wide enough,
so that the content of the columns does not run into or overlap each other.
Column one.
Column two.
Column three.
Column four.
Column five.
To change the number of columns, select the column block to open the settings panel. You can show up to 6 columns. If the theme has support for wide align, you can also set the alignments to wide and full width.
Below is a column block with six columns, and no alignment:
Column one.
Column two.
Column three.
Column four.
Column five.
Column six.
Next is a 3 column block, with a wide alignment:
Column one.
Column two.
Column three.