Marketing / Gotchas
Astro scoped styles + child components.
Astro scoped `<style>` does not reach the root element of a child component. Structural rules (grid / order / overflow / gap / display) put on a child component class silently no-op — the layout breaks with no error. Put them on a native element instead.
When to use
Read this before building any marketing layout that mixes scoped CSS with imported components (rows, grids, alternating layouts, scroll wrappers). It is the most common silent layout failure on the site.
❌ Scoped class on a child component
<Reveal class="row">…</Reveal> copy
media
The scoped .row grid rule never reaches Reveal's root — it collapses to display: block. No error.
✅ Structural class on a native element
<div class="row"><Reveal>…</Reveal></div> copy
media
The scoped grid applies to the native .row — layout holds.