A data-driven look at which CSS breakpoints were most commonly used in 2021 and 2022, drawing from Web Almanac analysis of 8+ million websites and Polypane usage data. Covers four approaches to choosing breakpoints: device-size categories, popular CSS framework defaults (e.g. Tailwind CSS), visitor analytics data, and real-world usage statistics. Key findings include 768px dominating min-width queries, a growing diversity of breakpoints as developers move away from device-specific sizes, and the recommendation to pick any reasonable set and adapt it to your content rather than following a single standard.
Table of contents
Based on device sizesBased on popular CSS frameworksBased on your visitor dataThe breakpoints we tested in 2021 and 2022The breakpoints to develop on in 20231 Impression