or run

tessl search
Log in

Version

Files

tile.json

tessl/npm-material--layout-grid

The Material Components for the web layout grid component

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/@material/layout-grid@14.0.x

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%

To install, run

tessl install tessl/npm-material--layout-grid@14.0.0

Assessment results

Generated

Agent Claude Code

Scenario 1

Custom breakpoint thresholds

50%

Scenario 2

Basic grid structure (container, inner, cell classes)

0%

Scenario 3

Advanced Sass mixins (fixed-column-width, breakpoint helpers)

90%

Scenario 4

Fixed column width mode (72px columns)

50%

Scenario 5

Width calculation and overflow protection

0%

Scenario 6

Sass variable configuration (margins, gutters, columns)

0%

Scenario 7

CSS custom properties runtime customization

0%

Scenario 8

Custom column counts (non-default grid systems)

0%

Scenario 9

Column spanning (universal and device-specific)

0%

Scenario 10

Responsive breakpoints (phone, tablet, desktop)

-60%