Checks for the use of CSS media queries for responsive design.
Media queries are a feature of CSS that allows you to apply different styles based on the characteristics of the device, such as its screen width, height, or orientation.
They are the core technology behind responsive web design. Media queries allow you to create flexible layouts that adapt to provide the best experience on desktops, tablets, and phones.
Without media queries, it's nearly impossible to create a truly responsive website.
/* Example: Make the sidebar disappear on small screens */
@media (max-width: 768px) {
.sidebar {
display: none;
}
}Run a free audit to see how your site performs on Media Query Responsive Test and 159 other checks.
Start Free AuditEnsures a viewport meta tag is present to control layout on mobile browsers.
Provides a visual snapshot of the page on a mobile device.
Compares rendered mobile and desktop versions for differences in content, links, and headings.
Identifies interactive elements that are too small or too close together for reliable mobile tapping.