Documento original del Skill
Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.
Nested Container Frames Skill
Use When
- A layout needs a container-in-container system with visible outer bounds, inset inner frames, and layered page structure.
Workflow
- Define an outer centered container that controls the global page width.
- Add visible vertical boundary lines and small corner markers to establish the frame.
- Place inner containers inset from the outer edges using consistent padding.
- Give each inner level its own background, border, radius, and spacing rhythm.
- Use the frame hierarchy to separate hero, feature, proof, and CTA modules without adding heavy cards.
Guardrails
- Do not nest cards inside cards until the layout feels boxed in.
- Do not let frame lines overpower content readability.
