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
- Identify the container and child roles.
- Recommend flex or grid with key properties.
- Provide a minimal CSS snippet to test.
Output
- Proposed CSS changes with explanation.
Quality bar
- Prefer minimal changes over rewrites.
- Call out responsive implications.