Using CSS media queries allows you to design responsive layout in your web apps and website. We will go over the media query basics in this lesson.
body{ background-color: limegreen; } /* @media not|only mediatype and (expression) CSS-Code */ @media (min- 600px){ body{ background-color: pink; } } @media (max- 300px){ body{ background-color: red; } } @media (min- 400px) and (max- 500px){ body{ background-color: yellow; color: black; } }