Overview of the Spacer Element
The Spacer element helps you manage the spacing between elements, ensuring a clean and balanced layout. By controlling margins and spacing, you can improve readability and create visually pleasing designs.
Key Features
Adjustable Height: Set the exact size of the spacer to achieve the desired space.
Flexible Placement: Use the drag-and-drop builder to place spacers anywhere in your layout.
Responsive Design: Ensure proper spacing across devices and screen sizes.
How to Use the Spacer Element
1. Add the Spacer Element
Open your campaign in the drag-and-drop builder and select the "Spacer" element. Drag it into the layout where you want to add space.
2. Customize the Spacer
Click on the Spacer element to open the settings panel. Adjust the height of the spacer by entering the desired value. This allows precise control over the amount of space added.
3. Refine Placement
Position the spacer element between or around other elements to organize your content. You can use multiple spacers for additional flexibility.
Best Practices
Maintain Visual Balance: Use spacers to create consistent spacing between elements, ensuring a clean and organized design.
Avoid Overuse: While spacers are helpful, excessive use can make the layout appear fragmented.
Test Across Devices: Preview your campaign on different screen sizes to confirm that the spacing works well on all devices.
Troubleshooting Tips
Inconsistent Spacing: Check the height settings and placement of your spacers to ensure they align with your design goals.
Overlapping Elements: Ensure the spacer is placed correctly to avoid unintended overlaps.
Responsive Issues: Verify that the spacing looks consistent across various screen resolutions and devices.