Sometimes an element is in the wrong place, even though it already looks right.
Maybe a testimonial should appear above the pricing table, a signup button belongs inside the hero section, or a card needs to be first instead of third. In these cases, you don't need to restyle anything. You just need to move the element.
Hold ⌥ (Alt on Windows) and drag the element to its new position. A caret shows exactly where it will be dropped, while the destination container is highlighted and labeled so you can clearly see where it's going. In rows, placement is read from left to right. In columns, grids, and normal page flow, it's read from top to bottom. Release the mouse, and the element moves into place.
The move is treated like any other edit. You can undo it, and it stays in place after you reload the page.
Your agent also sees it as a single move. It receives the element's original location and its new location, then updates the source accordingly. It doesn't rely on workarounds like negative margins, order properties, or absolute positioning. The code is updated to match the layout.
Clicking selects the whole visual element, so clicking an image inside a figure selects the figure itself. Hold ⌘ to select a nested element instead.
Open a page from your project, hold ⌥, and drag. More layout editing features are planned.