Skip to content

SKILL.md

Latest commit

 

History

History
26 lines (20 loc) · 651 Bytes

SKILL.md

File metadata and controls

26 lines (20 loc) · 651 Bytes
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.