For an extensive guide to get started with media queries, go to this previous article.
If you have worked with responsive design, you have probably used media queries. Media queries are a clean and simple way to create responsive websites using CSS. They work by allowing you to change the style of the page when the user's screen is a certain size. Here is a simple example:
@media (max-width: 700px) {
p {
color: red;
}
}