Medium-EasyApplyHTML & CSSmultiple_choice

Which approach correctly implements a mobile-first responsive design?

Apply — Tests ability to use knowledge in practical scenarios.

Answer Options

A@media (max-width: 768px) { .nav { display: none; } }
B.nav { display: none; } @media (min-width: 768px) { .nav { display: flex; } }
C@media (max-width: 1024px) and (min-width: 768px) { .nav { display: flex; } }
D.nav { display: flex; } @media (max-width: 768px) { .nav { display: none; } }

Want to see the correct answer?

Get the answer with a detailed explanation, plus practice 15+ more HTML & CSS questions with adaptive quizzes and timed interviews.

See the Answer on Guru Sishya →

This question is from the HTML & CSS topic (Frontend).

Learn HTML & CSS→Browse All Questions

More HTML & CSS Questions

Which HTML element should you use for the primary navigation of a website?

Easy

What is the total width of an element with: width: 200px, padding: 20px, border: 5px, box-sizing: content-box?

Medium-Easy

Which property controls how flex items are distributed along the MAIN axis?

Easy

What does the alt attribute on an image do when left empty (alt='')?

Medium-Easy

Which CSS selector has the HIGHEST specificity?

Medium-Easy