Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageInline Expand Team Grid
Team grid where selecting a person opens their bio directly in place instead of in a modal: the whole “ card expands to the full width of its row (`:has()` promotes its grid cell to `grid-column: 1 / -1`) and reveals a…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Inline Expand Team Grid reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Component
- Category
- Cards
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 2
Set on the section, in Etch’s attributes panel. No code needed.
data-cols-tabletfrom 34em · and
data-cols-desktopfrom 54em · default 2/3/4 — read by a tiny inline script into CSS custom properties (the grid already renders at the 2/3/4 default without any script, so the grid and di…
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1544005313-94ddf0286df2?w=480
photoAltPortrait of a team member
nameTeam member
roleRole
detailempty
bioA short bio goes here.
link1Textempty
link1Urlempty
link2Textempty
link2Urlempty
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
