Q: How do I make full-width sections inside a container? — Nakshora 1.0

How do I make full-width sections inside a container? — answered for Nakshora 1.0 with working markup and the reasoning behind it.

Question: *How do I make full-width sections inside a container?*

Answer#

Escape with 100vw + translate centering, or structure sections outside the capped wrapper. undefined

html

<section class="w-screen relative left-1/2 -translate-x-1/2 bg-slate-900 py-20">band</section>

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.