responsive layout

noun

UK /rɪˈspɒnsɪv ˈleɪaʊt/

US /rɪˈspɑːnsɪv ˈleɪaʊt/

A way to arrange a website so it looks good on big and small screens.

The responsive layout makes the page easy to read on a phone.

SYNONYMS

adaptive layout flexible layout fluid layout mobile-friendly design

RELATED WORDS

breakpoint media query viewport grid web design

OTHER MEANINGS

2. A design that changes its shape to fit the space it is in.

The responsive layout of the poster changed when we printed it smaller.

3. A page setup that adjusts itself when the window is resized.

Try dragging the browser edge to see the responsive layout shift.

4. A way of building a site that works on phones, tablets, and computers.

Our team chose a responsive layout so one site fits every device.