CSS Subgrid Assistant
OfficialAlign grids with subgrid.
Authorcorey-alix
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps developers correctly implement CSS subgrid to achieve precise alignment of child grid items within a parent grid, overcoming common layout challenges.
Core Features & Use Cases
- Subgrid Implementation Guidance: Provides step-by-step instructions for using
grid-template-columns: subgrid. - Alignment Problem Solving: Addresses issues where child elements need to inherit alignment from a parent grid.
- MDN Documentation Integration: Leverages official MDN resources for accurate and up-to-date information.
- Use Case: A developer is struggling to align elements across nested grids. This skill guides them to use subgrid to make the inner grid items align perfectly with the outer grid's tracks.
Quick Start
Use the CSS Subgrid Assistant to implement subgrid for aligning child grid items within the parent grid.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: CSS Subgrid Assistant Download link: https://github.com/corey-alix/dwp-hours/archive/main.zip#css-subgrid-assistant Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.