Within the UI editor, blocks, columns, rows, and grids are the basic layout elements that you can use on the UI canvas.

Blocks are the foundation of the other three components, as they are combinations of multiple block elements.

Blocks are rectangular elements that you can customize. You can change their position, size, spacing, layout, color, and style.

Additionally, blocks can contain other elements like videos or images, or they can be transformed into a link. This provides endless possibilities for designing your website.

What exactly are the different layout UI editor elements**?**

• The term "block element" refers to an HTML element that, by default, forms a block-level box in the layout of the canvas. Usually, block-level elements start on a new line and span the full width of their containing element.
• These elements create a distinct "block" or section within the canvas structure.

• The "row element" is essentially a block element containing two other block elements, positioned either above or below each other.

• The "column element" is essentially a single block element containing two child block elements, positioned to the left or right of each other.

• The "grid element" is essentially a block element that contains four child block elements positioned above, below, and to the left and right of each other.

How do you add basic layout elements into the UI canvas?

In the inspector panel on the right, under the scene section, you'll find an ambient light section. The ambient light, by default, is white and present in the 3D scene.

1. Switch to the UI editor.
2. Click the "Add elements" button in the top left corner.
3. Hover over the "basic" section in the pop-up to open another pop-up.
4. In the new pop-up, you'll see a layout section with four elements.