Spacing - How to properly create spacing between elements on your site?

To create spacing when building a website, padding and margin are two of the most commonly used properties that affect the layout of the elements on a page.You can specify the padding and margin value for each side of the element by providing one, two, three, or four values in the Position Tab.

For example, if you want to add padding to the top and bottom of an element, but not to the left and right, you can select it on the graph.

When you place the widget in another one, you can use padding to separate the contents of the internal widget from the external one.

For example, you put the Text widget in the Column widget and use padding to separate the text contents from the border of the column.

1. Multiple enters
   Your visitors will not see it. But for SEO robots, creating a large space between a paragraph of text and another element by pressing the Enter key multiple times is treated as an error. This practice lowers the ranking of your website in the search engine.
2. Empty Area widget
   Spacing between elements with a blank area is also a mistake. For indexing robots, an Area is a collection that should contain other elements. If it is empty, indexing robots will classify it as an unreadable error, which lowers your site's ranking.
3. Empty Columns widget
   Like the blank Area widget, empty columns are also treated as an error.
4. Moving green border lines
   By using the green border outline of the widget, you can give each element constant, unchanging dimensions: width and height. This means that regardless of the circumstances (e.g., changing the screen resolution to a smaller one on a mobile device), the dimensions of such an element will remain the same. This is associated with risk, e.g., website elements displayed on a mobile device will not adapt to the smaller screen size!