v150 · CSS · Typography

Card Grid

A responsive card grid where every card headline uses current text-fit values. Drag the columns slider from 1 to 4 — grow expands short headlines into spare space, while shrink keeps long headlines inside narrow cards. No JavaScript font-size recalculation loop.

Checking text-fit support…

Grid columns: 3

Headline text:

grow base size: 8px

shrink base size: 64px

the CSS

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗