🎯 Purpose
The Spacer widget adds empty space between elements on your page. It’s a simple yet powerful tool for improving layout structure and visual balance without adding actual content.
➕ How to Use It
Drag the Spacer widget into any section or column where you need vertical spacing.
Adjust its height using a slider or numeric input to increase or decrease the gap.
🔧 Customization Options
Height Control: Set the exact amount of vertical space (in pixels or other units).
Responsive Settings: Modify spacing separately for desktop, tablet, and mobile to maintain visual rhythm across devices.
Hidden Breakpoints: Optionally disable the spacer on specific devices if it’s not needed.
🛠️ Best Practices
Use the Spacer to create breathing room between text blocks, images, or widgets.
Employ custom responsive settings to prevent oversized gaps on mobile devices.
Pair with padding and margin for fine-grained control over layout spacing.
Avoid overusing it—multiple spacers stacked together might complicate layout management.
✅ Ideal Use Cases
Separate content sections cleanly, such as between headlines and paragraphs.
Create vertical breathing space in hero sections or call-to-action areas.
Add consistent gaps in multi-column layouts for visual harmony.
Adjust spacing above or below full-width images, sliders, or videos.
The Spacer widget gives you precise vertical control over your layout’s flow, making it easier to build balanced, visually appealing designs.
