Responsive Design — Quiz

Answer all 5 questions, then submit. You need 60% to pass. Log in to save progress.

Question 1

What does 'mobile-first' mean in CSS?

A Only support phones

B Write base styles for small screens, then add changes for larger ones with media queries

C Design desktop first, then shrink

D Use only fixed pixel widths

Question 2

Which media query targets tablets and wider?

A @media (max-width: 768px)

B @media (min-width: 768px)

C @media tablet

D @screen 768

Question 3

Why prefer max-width over a fixed width on a container?

A It loads faster

B It fills small screens but caps on large ones — fluid yet contained

C Fixed width is invalid CSS

D max-width centres the element

Question 4

What does clamp(1rem, 4vw, 2rem) do for font-size?

A Always 4vw

B Scales with the screen but never below 1rem or above 2rem

C Picks a random size

D Sets exactly 1rem

Question 5

What's a good narrow width to test against?

A 1920px

B 320px

C 768px

D It doesn't matter