600px, 900px, 1200px, and 1800px
The 100% correct way to do CSS breakpoints
David Gilbertson
10.1K96

This makes more sense than the counter example but it definitely not the 100% correct way. Ideally you want to choose your break points around your content and design, not around devices. This year’s devices are different than last year’s and different than next year’s. Resize your window — when the layout breaks or stops makings sense you have a break point. Devices should have no voice in this decision.

Like what you read? Give Cătălin Bridinel a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.