liquidlayout

noun

UK /ˈlɪkwɪd ˈleɪaʊt/

US /ˈlɪkwɪd ˈleɪaʊt/

A liquid layout is a web page design that stretches or shrinks to fit the screen.

The website uses a liquid layout so it looks good on both phones and big monitors.

SYNONYMS

fluid layout flexible layout responsive layout elastic layout

RELATED WORDS

grid system viewport breakpoint CSS web design

OTHER MEANINGS

2. A page arrangement in which columns and images resize in proportion to the browser window.

With a liquid layout, the sidebar widens when you maximize the window.

3. A design approach that avoids fixed pixel widths in favor of percentages.

The developer switched to a liquid layout using percentage-based widths.

4. A layout that adapts smoothly to different screen sizes without breaking.

Thanks to the liquid layout, the text never overflows on small tablets.