Vary smoothly between a minimum and maximum size based on viewport

Round font sizes to the nearest whole pixel

Force text to a single fixed size on all screens

It collapses empty tracks and lets columns wrap to fit available space

It forces exactly one column regardless of screen width

It disables the grid and falls back to block layout

A viewport width at which the layout's styles change to adapt

A point where the browser stops loading CSS

The maximum file size allowed for a stylesheet

It compresses the image file automatically

It defers loading the image until it nears the viewport

To avoid shipping unused CSS and keep full control over markup

Because hand-rolled CSS cannot use media queries

Because frameworks cannot support grid layouts

Which candidate image source best fits the rendered slot at the current viewport

Which color profile to apply to the image

Maintain a set width-to-height proportion as its size changes

Force the element to ignore the viewport width

Templates cannot legally include media queries

Some templates restrict commercial use or require attribution

License terms determine which browsers can render the template

It simulates device pixel ratios and touch input alongside viewport size

It permanently changes the CSS file to match the device

It removes the need for any media queries in the project

RWD Quiz