This page demonstrates the `wide: true` frontmatter option. The sidebar is hidden and, instead of centering the content in the usual reading column, `wide` lets the content band spread across most of the viewport.

## What's Happening

The content band is widened to fill the viewport. Here is the frontmatter used:

```yaml
---
title: "Demo: Wide Layout"
hide_sidebar: true
wide: true
---
```

## Compared to Hide Sidebar

The [Hide Sidebar](https://zudo-doc.takazudomodular.com/docs/guides/layout-demos/hide-sidebar) demo also hides the sidebar, but it keeps the content centered in a fixed-width reading column. The only difference here is the added `wide: true` — which removes that cap and lets the content fill the available width. Resize your browser wide and compare the two pages side by side.

## When to Use

Use `wide: true` for grid-heavy or dashboard-style pages where content reads better spread across the full width — for example a landing or overview page with a multi-column card grid. It pairs naturally with `hide_sidebar`, and it is the layout the site home page uses.

For ordinary prose, the standard capped reading column is easier to read — reach for `wide` only when the content genuinely benefits from the extra width.

See the [Frontmatter reference](https://zudo-doc.takazudomodular.com/docs/guides/frontmatter#fields-wide) for full documentation.

## See Also

- [Hide Sidebar](https://zudo-doc.takazudomodular.com/docs/guides/layout-demos/hide-sidebar) — hides the left sidebar, content stays centered
- [Hide Table of Contents](https://zudo-doc.takazudomodular.com/docs/guides/layout-demos/hide-toc) — hides the right-side TOC
- [Hide Sidebar & Table of Contents](https://zudo-doc.takazudomodular.com/docs/guides/layout-demos/hide-both) — hides both panels