> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livehub.gg/llms.txt
> Use this file to discover all available pages before exploring further.

# Building your page

> Use the editor to assemble your link-in-bio

You build your page in the editor at [`/page`](https://livehub.gg/page).
On desktop it's a three-pane studio; on mobile it switches between editing
and a live preview.

## The editor

The editor is organized into a few areas:

* **Identity** — your avatar, display name, and bio.
* **Blocks** — the content of your page, added from the block catalog and
  arranged in a grid.
* **Design** — theme, fonts, colors, and layout. See [Theming](/pages/theming).
* **Links** — your social and profile links.

A live preview sits alongside your edits and updates as you work.

## Working with blocks

<Steps>
  <Step title="Add a block">
    Open the Blocks area and choose a block from the catalog. See the
    full list in the [block reference](/pages/blocks).
  </Step>

  <Step title="Edit its settings">
    Select a block to edit it inline — each block type has its own
    settings (a link URL, a video embed, schedule entries, and so on).
  </Step>

  <Step title="Reorder">
    Drag blocks to rearrange them. The layout flows into a responsive
    grid.
  </Step>

  <Step title="Set width">
    Toggle a block between half-width and full-width to control how it
    sits in the grid.
  </Step>
</Steps>

## Layout and preview

Blocks flow into a mosaic grid that reflows by screen size — wider on
desktop, fewer columns on mobile — so you don't maintain a separate mobile
layout. Use the desktop/mobile preview toggle to check how your page
reflows on a phone.

Changes autosave as you work.