Column
You can place two or more blocks horizontally in a row. It can be applied to all types of blocks, such as text, images, and tables.
Add column
There are four ways to add:
•
Click and hold the handle of one block, then drag and drop it to the left or right of another block.
•
Enter /column in an empty space and press Enter to add a column block.
•
Click the + to the left of the block and select Column .
•
Click the + that appears when you hover the cursor to the left or right of an already created column .
You can also add another column inside a column.
You can also move blocks inside a column out of the column by dragging and dropping.
Responsive wrapping settings
Click the gray bar above each column and select Responsive wrapping . Select one of None, Auto, or All.
•
None: No line breaks when the window width is narrow or when viewing on a mobile device.
•
Auto: Columns are automatically wrapped based on the width of the window and mobile screen, taking into account the number of columns, width, and spacing.
•
All: All columns will always wrap when the window width is narrow or when viewing on a mobile device.
Spacing adjustment
While holding the handle between the columns, drag it to the left or right to change the spacing in-between the columns.
Width adjustment
Click and drag the vertical line between two columns to the left or right.
To make the width of each column equal, click the gray bar above the column and select Equal Column Widths .
How do I align the heights of images within columns?
Using the reference of dotted lines of the column, the size of the image can be adjusted with the handle.
Vertical alignment
Click the gray bar above each column and select Vertical Alignment . Selecting Top Alignment, Center Alignment, or Bottom Alignment applies the alignment to the corresponding column.
Add margin inside column
Click and drag the blue bar that appears when you hover your cursor over the column area border.
To make finer adjustments, click the gray bar at the top of each column and select Margin . Entering a value in the blank space will apply that amount of margin to all four sides (top, bottom, left, and right). If you want to apply different margins to each side, click the link icon next to the input field.
Eliminate
Click the gray bar above the block you want to remove from the column and select Delete.
Usecases
Clicking on each image will take you to the template.
1. Introduction of members/functions/projects
2. Website Footer
3. Profile
