Let me give you a quick tour of the platform.

How to add Spacer Element

-is an empty element added to a web page layout for the purpose of creating space or gaps between other elements.

Spacer

-Simply drag and drop the element anywhere inside your section/layout.

How to use Spacer Element?

You can also directly adjust the height of the spacer by dragging this blue point down.

or click on the Spacer element to edit

This settings will popup after clicking the Spacer element.

<ol><li>Size: The dimensions (width and height) of an element on a webpage.</li></ol><ol><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between an element's content and its border.</li></ol>

Sizes

<ol><li>-It has the ability to move elements by clicking and dragging them with a mouse cursor. -The term "freeform" suggests that users have more flexibility and control over the movement of these elements, possibly without any predefined alignment or snapping.</li></ol>

Toggle FreeForm Drag Positioning

-Color is a powerful design element used in a wide range of contexts, including web design, graphic design, branding, marketing, and more. -It plays a crucial role in conveying information, eliciting emotions, and creating visual harmony.-Along with a border and a shadow, you can also add a color backdrop to your spacer element.

Color

-Animation can be used to create dynamic and visually engaging movements or changes in elements on a webpage. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.

Animation

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

-enables you to position the Elements wherever you like within your section/layout.