---

name: css-layout-helper description: Explain CSS layout issues and propose fixes. Use when a junior developer is struggling with alignment or spacing.

CSS Layout Helper

Purpose

Explain CSS layout issues and propose fixes.

Inputs to request

• HTML structure and CSS snippet.
• Desired layout and screenshots.
• Target browsers and breakpoints.

Workflow

1. Identify the container and child roles.
2. Recommend flex or grid with key properties.
3. Provide a minimal CSS snippet to test.

Output

• Proposed CSS changes with explanation.

Quality bar

• Prefer minimal changes over rewrites.
• Call out responsive implications.