---
title: "Target marker: preview a block's position"
description: "The target marker shows a purple frame marking where your block will land once the grid is applied, while you move it."
url: https://docs.vivlab.com/en/editor/interaction/target
---

# Target marker

When you select a block, a purple frame called the **target marker** shows the space it occupies on the grid. As you [move](https://docs.vivlab.com/en/editor/interaction/move.md) or [resize](https://docs.vivlab.com/en/editor/interaction/stretch.md) it, the frame shows its final position after the editor aligns it with the grid.

<DocsScreenshot name="editor-text-selection" alt="A selected text block with its outline and grid size indicator." caption="A selected text block with its outline and grid size indicator." :width="410" :height="202" />

## What the target marker is for

The canvas snaps to a grid (in columns and rows), even when your mouse moves continuously. The target marker shows you **the area actually taken by the block** once the value is rounded to the grid, which avoids surprises when you release the mouse.

When you select several blocks, two frames appear: one frame per block, and a bounding frame for the entire group.

## Grid size indicator

A floating **black pill** constantly shows the size of the target area in grid units, in the form **`row × col`** (for example **4 × 12** for four rows by twelve columns).

It's valuable information for reproducing consistent proportions: for example, if your cards are **8 × 6** on the first row, you'll know immediately when your new card reaches the same size.

## When the marker appears

The marker is visible as long as the selection is active: at rest, it hugs the block's current position; during a movement, it shows the landing position. As soon as you release the mouse button, the block joins the frame.