This should be green if we are correctly ignoring @media rules that do not apply.

This should be green if we are correctly applying @media screen.

This should be green if the window is at least 400px wide.

This should be green if the window is at least 400px wide, and we understand range syntax.

This should be green if the window is at most 1000px wide.

This should be green if the window is at most 1000px wide, and we understand range syntax.

This should be green if the window is between 400px and 1000px wide.

This should be green if the window is between 400px and 1000px wide, and we understand range syntax.

This should be green if we detected the color feature.

This should be green if we detected the color feature and we understand not.

This should be green if we detected the color feature and a deeply nested query: (color) or ((color) and ((color) or (color) or (not (color)))).

Relative lengths

This should be green if the window is wider than 80em.

This should be green if the window is taller than it is wide.

Ratio

This should be green if the viewport aspect-ratio is less than 4/3. (So, less wide than a 4:3 ratio.)

This should be green if the viewport aspect-ratio is at least 2. (So, at least twice as wide as it is tall.)

This should be green if the viewport aspect-ratio is less than 0.5. (So, at least twice as tall as it is wide.)