---
title: "Use Standard Breakpoints for Better Device Compatibility | bseoa"
description: "Your CSS media queries are using breakpoint values that don't align with common device sizes. This can result in your responsive design not working optimally o…"
image: "https://www.blackseoanalyzer.com/static/images/black-seo-analyzer-og-image.png"
canonical: "https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/non-standard-breakpoint"
language: "en"
---

# Use Standard Breakpoints for Better Device Compatibility

Mobile Analyzer

## What is this warning?

Your CSS media queries are using breakpoint values that don't align with common device sizes. This can result in your responsive design not working optimally on many devices, leaving gaps where your layout doesn't adapt properly to different screen sizes.

## How to Fix This Issue

### How to Fix It

#### The Problem

```
@media (min-width: 567px) { /* Unusual breakpoint */
  /* styles */
}
```

#### The Solution

Use standard breakpoints that align with common device sizes: 576px (small), 768px (medium), 992px (large), and 1200px (extra large).

```
@media (min-width: 768px) { /* Standard tablet breakpoint */
  /* styles */
}
```

#### Why This Works

Standard breakpoints ensure your responsive design works well across the widest range of devices, providing a consistent experience for all users.

### SEO Impact

This issue can affect your site's search engine rankings and user experience. Addressing it promptly helps ensure optimal performance and visibility in search results.

### Automatic Detection

bseoa automatically checks for this warning during site analysis, along with hundreds of other technical SEO issues.

## Other Mobile Analyzer issues

- [Add a Viewport Meta Tag to Enable Responsive Design](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/missing-viewport-meta-tag)
- [Add Media Query Styles for Defined Breakpoints](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/missing-media-query-for-breakpoint)
- [Add More Space Between Touch Targets to Prevent Tapping Errors](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/insufficient-spacing-between-touch-targets)
- [Add Resource Hints to Improve Mobile Loading Performance](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/no-resource-hints)
- [Add the sizes Attribute to Responsive Images for Faster Loading](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/missing-sizes-attribute)
- [Consider a Service Worker for Offline Capabilities and Performance](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/no-service-worker)
- [Correct Viewport initial-scale for Proper Mobile Display](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/viewport-scale-out-of-range)
- [Empty srcset Attribute on Images: Why It Happens and How to Fix It](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/empty-srcset-attribute)
- [Enable Zooming for Better Mobile Accessibility](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/zooming-disabled)
- [Implement Lazy Loading for Better Mobile Performance](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/resource-without-lazy-loading)
- [Implement Lazy Loading for Images to Improve Page Speed](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/images-without-lazy-loading)
- [Improve Accessibility by Allowing Sufficient Zoom](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/restrictive-maximum-scale)
- [Increase Font Size for Better Mobile Readability](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/font-size-too-small-for-mobile)
- [Increase Font Size Percentage for Mobile Devices](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/font-size-percentage-too-small)
- [Increase Font Size Scaling for Better Mobile Readability](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/font-size-scaling-too-small)
- [Increase the Size of Touch Targets for Better Mobile Usability](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/small-touch-target)
- [Optimize Image srcset Progression for Better Performance](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/suboptimal-image-width-progression)
- [Optimize Render-Blocking Resources for Mobile Performance](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/render-blocking-resources-impacting-mobile-performance)
- [Provide Smaller Image Variants for Faster Mobile Loading](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/missing-small-image-variant)
- [Set Viewport Width Correctly for Mobile Devices](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/viewport-width-too-small)
- [Use width Instead of device-width in Media Queries](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/device-width-in-media-query)
- [Use Mobile-Friendly Font Size Units](https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/unsupported-font-size-unit)

## Ready to Unlock Your Site's Full SEO Potential?

Choose the license that fits your needs and start getting the deep, actionable insights you deserve.

[Download Free Trial](https://www.blackseoanalyzer.com/en/free-trial) [Purchase Single License](https://www.blackseoanalyzer.com/buy/single)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.blackseoanalyzer.com/#organization","name":"Fiscus Technology, LLC","url":"https://www.blackseoanalyzer.com/","logo":"https://www.blackseoanalyzer.com/static/images/black-seo-analyzer.png","founder":{"@type":"Person","name":"Seth Black"}},{"@type":"WebSite","@id":"https://www.blackseoanalyzer.com/#website","name":"bseoa","url":"https://www.blackseoanalyzer.com/","publisher":{"@id":"https://www.blackseoanalyzer.com/#organization"}},{"@type":"TechArticle","@id":"https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/non-standard-breakpoint#article","headline":"Use Standard Breakpoints for Better Device Compatibility","name":"Use Standard Breakpoints for Better Device Compatibility","description":"Your CSS media queries are using breakpoint values that don't align with common device sizes. This can result in your responsive design not working optimally on many devices, leaving gaps where your layout doesn't adapt properly to different screen sizes.","url":"https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/non-standard-breakpoint","image":{"@type":"ImageObject","url":"https://www.blackseoanalyzer.com/static/images/black-seo-analyzer-og-image.png","width":1200,"height":630},"author":{"@type":"Person","name":"Seth Black","url":"https://www.blackseoanalyzer.com/about"},"publisher":{"@id":"https://www.blackseoanalyzer.com/#organization"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/non-standard-breakpoint"},"inLanguage":"en-US","keywords":"technical SEO, SEO warning, Seth Black's SEO Analyzer"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.blackseoanalyzer.com/"},{"@type":"ListItem","position":2,"name":"Technical SEO Warnings","item":"https://www.blackseoanalyzer.com/en/technical-seo"},{"@type":"ListItem","position":3,"name":"Use Standard Breakpoints for Better Device Compatibility","item":"https://www.blackseoanalyzer.com/en/technical-seo/mobile-analyzer/non-standard-breakpoint"}]}]}
```