---
title: "Device Preview & Publish"
slug: "device-preview-publish"
updated: 2026-10-20T19:31:58Z
published: 2026-10-20T19:31:58Z
canonical: "docs.blackthorn.io/device-preview-publish"
---

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

# Device Preview & Publish

Before publishing, use the **three device buttons** in the top-right toolbar to preview your layout at each breakpoint:

- **🖥️ Desktop**: full-width canvas (default editor view)
- **📱 Tablet**: ~820px canvas width
- **📱 Mobile**: ~390px canvas width

All sections and components reflow responsively: check each view before going live.

Click **Preview** to hide all editor chrome and see the page exactly as a visitor would. A floating **"Back to Editor"** pill appears in the corner when you're done.

The layout **autosaves** about five seconds after your last change. When you're ready, click **Event Page** in the toolbar to open the live published page in a new tab.

💡Run the **Accessibility Scan** before clicking Event Page: a quick check for contrast issues and missing alt text protects all your visitors.

---

![Toolbar right-side: device view buttons, Preview, and Event Page](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/ss_4548p0lhk.jpg)Toolbar right-side: device view buttons, Preview, and Event Page