The Spacing section controls the space around and inside elements. This helps you create clean layouts and proper separation between content. You can find it in the right-side panel when selecting any element.Documentation Index
Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
Use this file to discover all available pages before exploring further.
Where to Find It
- Select an element on the canvas
- Open the right panel
- Scroll to the Spacing section
Margin vs Padding
Margin (Outer Space)
- Controls space outside the element
- Pushes the element away from other elements
Padding (Inner Space)
- Controls space inside the element
- Adds space between the content and the element’s edges
How to Adjust Spacing
You can control spacing for each side:- Top
- Bottom
- Left
- Right
Quick Controls
+ / – Buttons
- Increase or decrease spacing by 5px steps
- Fast way to fine-tune layout
Manual Input
- Click on a value to type a custom number
- You can also choose from quick presets like:
- 0
- 10
- 20
- 40
- 60
- 100
- 140
Auto Option
- Lets the system automatically manage spacing (mainly used for alignment
How It Works (Example)
- Margin Top →
20px
👉 Adds space above the element - Padding Left →
10px
👉 Pushes content inside away from the left edge
Best Practices
- Use margin to separate elements
- Use padding to improve readability inside elements
- Avoid too much spacing — keep layouts balanced
- Use + / – for quick adjustments instead of guessing values