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

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

• A. Fluid grid design
• B. Responsive grid design
• C. Fixed grid design
• D. Symmetrical grid design

Answer: (C)

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.