> > >

CSS MCQs

Which of the following is True about responsive design of Media Queries?

@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px , max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }

@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }

@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px) and (max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }

@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px) (max-width: 799px) { body { background: black; } } @media (max width: 400px) { body { background: blue; } }

Answer

Correct Answer: @media (min-width: 800px) { body { background: white; } } @media (min-width: 401px) and (max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }

Explanation:

Note: This Question is unanswered, help us to find answer for this one

CSS Skill Assessment

Your Skill Level: Poor

Retake Quizzes to improve it