Medium-Easy Apply HTML & CSS multiple_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).
More HTML & CSS Questions
Which HTML element should you use for the primary navigation of a website?
EasyWhat is the total width of an element with: width: 200px, padding: 20px, border: 5px, box-sizing: content-box?
Medium-EasyWhich property controls how flex items are distributed along the MAIN axis?
EasyWhat does the alt attribute on an image do when left empty (alt='')?
Medium-EasyWhich CSS selector has the HIGHEST specificity?
Medium-Easy