A page layout whose columns and spacing are defined in flexible percentages rather than fixed pixel widths, so everything stretches or shrinks smoothly as the screen changes size.
Synonyms
- fluid layout
- liquid layout
Related terms
- responsive web design
- breakpoint
- relative units
- responsive images
In plain words
- a layout built on percentages so it stretches to fit
Usage example
The fluid grid let the cards widen gracefully on big monitors instead of leaving empty margins.
Don't confuse with…
- fixed layoutA fixed layout uses set pixel widths that never change; a fluid grid uses percentages that flex with the screen.
Categories
- Responsive & adaptive design