Using percentage-based dimensions to allow a website to resize with the browser and device size corresponds to which grid design?

Study for the CIW User Interface Designer Test. Prepare with flashcards and multiple choice questions; each query provides hints and explanations. Get ready for your exam!

Multiple Choice

Using percentage-based dimensions to allow a website to resize with the browser and device size corresponds to which grid design?

Explanation:
Using percentage-based widths lets elements scale in proportion to the browser or device width, so the layout grows or shrinks smoothly as the viewport changes. That behavior is the defining feature of a fluid grid design. A fixed grid uses fixed pixel widths and won’t resize with the viewport. A responsive grid also resizes, often via media queries at specific breakpoints to reflow the layout, and can include fluid widths, but the key aspect described—proportional scaling with the viewport—points to a fluid grid. The idea of a symmetrical grid isn’t a standard way to describe this behavior.

Using percentage-based widths lets elements scale in proportion to the browser or device width, so the layout grows or shrinks smoothly as the viewport changes. That behavior is the defining feature of a fluid grid design.

A fixed grid uses fixed pixel widths and won’t resize with the viewport. A responsive grid also resizes, often via media queries at specific breakpoints to reflow the layout, and can include fluid widths, but the key aspect described—proportional scaling with the viewport—points to a fluid grid. The idea of a symmetrical grid isn’t a standard way to describe this behavior.

Subscribe

Get the latest from Passetra

You can unsubscribe at any time. Read our privacy policy