You're viewing the
dependabot/github_actions/pnpm/action-setup-6 deployment.full-bleed
A block as wide as the article, past the reading column
Summary
A block as wide as the article, past the reading column.
Every block of a page is no wider than the reading column. With full-bleed in its className, a block takes the whole width of the article instead, from the xl breakpoint, without the side margin other blocks keep: it reaches the article's edges. The difference only shows on a screen wide enough for the article to be wider than the column.
Usage
On a block at the top level of the page, not nested in another one:
<div className="full-bleed flex h-40 items-center justify-center rounded-2xl bg-surface-container text-3xl font-bold">full-bleed</div>
result:
full-bleed
compared to a block without it:
default