Editing Add columns (section)

== Step-by-Step Instructions ==
Follow these steps to add a column to your landing page:

1. **Drag the "Column" block** from the right pane into your desired position on the page layout.
2. **Click the block** in the layout. This will open the editing options in the right pane for further customization.

=== Styling and Editing the "Column" Block ===
Once you have added a column, you can customize its appearance using the following tabs in the editing pane:

- **Column**: This tab allows you to adjust vertical spacing and appearance, including:
  - '''Width''' - Set the size in pixels or percentage.
  - '''Background''' - Add a background color, gradient, image, or video.
  - '''Inner spacing''' - Specify spacing between the content blocks and the column border.
  - '''Border''' - Set borders using pixels, with options for solid, dashed, or dotted styles.
  - '''Corners''' - Customize the border radius of your column corners.
  - '''Drop shadow''' - Add drop shadows and configure their appearance by setting offset, blur, and spread.
  - '''Inner shadow''' - Similar to drop shadow but applied inside the column.

- **Row**: This tab manages how the column appears when viewed on mobile devices. You can set whether it will stack or display as full-width. 
  - Other options include visibility settings, backgrounds, inner spacing, borders, and shadows.

- **Section**: This tab focuses on the enclosing section around your column. You can add an ID for easy reference, control visibility, backgrounds, and borders just as you would for the column.

=== Duplicating and Deleting a Column ===
- **To duplicate a column**: Click on the desired column and select the '''duplicate''' icon in the top right corner. This will create a copy of the column in the same position.
- **To delete a column**: Click on the column you wish to remove and click the '''trash''' icon in the top right corner.