docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10
The Material Components for the web layout grid component
Agent Success
Agent success rate when using this tile
94%
Improvement
Agent success rate improvement when using this tile compared to baseline
1.16x
Baseline
Agent success rate without this tile
81%
tessl install tessl/npm-material--layout-grid@14.0.0Generated
Agent Claude Code
Scenario 1
Custom breakpoint thresholds
Scenario 2
Basic grid structure (container, inner, cell classes)
Scenario 3
Advanced Sass mixins (fixed-column-width, breakpoint helpers)
Scenario 4
Fixed column width mode (72px columns)
Scenario 5
Width calculation and overflow protection
Scenario 6
Sass variable configuration (margins, gutters, columns)
Scenario 7
CSS custom properties runtime customization
Scenario 8
Custom column counts (non-default grid systems)
Scenario 9
Column spanning (universal and device-specific)
Scenario 10
Responsive breakpoints (phone, tablet, desktop)