# Layout

**The layout** allows you to do the following operations:

* Adjusting Position (X and Y Coordinates)
* Modifying Width and Height
* Rotating elements
* Adjusting Corner Radius
* Flipping vertically over their X-axis and horizontally over the Y-axis
* Set Element Opacity
* Blend modes (allow you to define how you want two layers to blend)

To make changes in the design, follow the steps:

1. From the **Right Sidebar,** change the X-axis
2. Below the X-axis, you can find the **W** button; you can change the width there
3. Next to it, you can find the **H** button; you can change the height there
4. Next to it, you can change the flip horizontally or vertically 

{% @arcade/embed flowId="JrI8QZt0jd0onbD6lyCI" url="<https://app.arcade.software/share/JrI8QZt0jd0onbD6lyCI>" %}

To change the mode, please follow the steps:

1. Click on the **Mode** button
2. Select the one you need

{% @arcade/embed flowId="ijxFdBdOlnEjytE3yQgR" url="<https://app.arcade.software/share/ijxFdBdOlnEjytE3yQgR>" %}

You can change the opacity by dragging the **Opacity** button:

{% @arcade/embed flowId="GGbeX9kSEyLfbHJwV6l6" url="<https://app.arcade.software/share/GGbeX9kSEyLfbHJwV6l6>" %}