CSS Responsive Design & Media Queries 3

Question 1

Which value of the CSS 'display' property is commonly used for responsive two-dimensional layouts?

Accepted Answer

grid

Answer

CSS Grid handles rows and columns for two-dimensional responsive layouts.

Question 2

What does the 'fr' unit represent in CSS Grid?

Accepted Answer

A fraction of available free space

Answer

The fr unit distributes a fraction of the remaining free space in the grid.

Question 3

Which function creates responsive grid columns that wrap automatically without media queries?

Accepted Answer

repeat(auto-fit, minmax(200px, 1fr))

Answer

auto-fit with minmax lets columns flow and resize without explicit breakpoints.

Question 4

What does the CSS 'clamp()' function let you do for responsive sizing?

Accepted Answer

Set a value with a minimum, preferred, and maximum

Answer

clamp(min, preferred, max) produces a fluid value bounded by min and max.

Question 5

Which property enables fluid typography that scales with the viewport?

Accepted Answer

font-size with vw units

Answer

Using vw (or clamp with vw) makes font-size scale with viewport width.

CSS Language Practice Test