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
All photos and visual assets used in this preview are sourced from Unsplash.
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 753 patterns.
Get Pro
