17. Media Query basics - Responsive CSS Tutorial

🎓 View our courses: https://scrimba.com/links/all-courses This tutorial is a part of "The Responsive Web Design Bootcamp" on Scrimba. Explore the full course here: https://rebrand.ly/responsivebootcamp_yt Media queries let us target differnt media types, as well as specific conditions within those types in our CSS. Basic syntax @media [media type] ([media condition]) { ... } An example In this below example, the background of the body will only be red when using a device that has a screen, and which has a width of 600px or bigger. @media screen and (min-width: 600px) { body { background: red; } } More information on media queries The MDN page Using Media Queries takes a much deeper look into them if you're the type of person who likes to dive in on subjects like this :)