Picking a breakpoint

One of the hardest things to do is to pick a breakpoint.

Early on, a common strategy was to target common devices, but that’s generally a bad idea.

There are a few “general” breakpoints that you’ll see out there, often from frameworks like Boostrap or Tailwind.

These are okay, but there are two problems with them:

• They can lead to creating too many breakpoints
• They’re very generic, and might not suite your situation

Create a breakpoint when a layout breaks

I wish there was a better rule of thumb here, but my general approach is to add a breakpoint when it makes sense to have one.

See the Pen picking a breakpoint by Kevin (@kevinpowell) on CodePen.