wow-design-wiki/layout/full-bleed-content.md

name, title, description, tags, source

name	title	description	tags	source
layout/full-bleed-content	Full-Bleed Content Sections	Content that breaks container boundaries for visual impact.	layout full-bleed breaking-boundaries premium	stripe.com, apple.com, brad.co, amppz.com

Full-Bleed Content

CSS

.full-bleed-section {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

Anti-patterns

❌ Плохо	✅ Хорошо
Без overflow-x: hidden на body	Всегда overflow hidden
Без transform	translateX(-50%)
Без container	max-width: 1200px