DEV Community

Cover image for What media query breakpoints should I use?

What media query breakpoints should I use?

Rico Sta. Cruz on August 12, 2019

Responsive design calls for a lot of media queries. This is universally agreed upon, but should we write min-width or max-width? Should we use 768p...
Collapse
 
amiangie profile image
am i angie?

In my opinion,

Q: What media query breakpoints should I use?
A: At whichever your design breaks or doesn't make sense any more.

Collapse
 
andy profile image
Andy Zhao (he/him)

Great post! I was recently making a website and really had no idea which breakpoints to use.

Collapse
 
heikokanzler profile image
Heiko Kanzler ๐Ÿ‡ช๐Ÿ‡บ

Thank you, a good read. I recently started investigating into the โ€žright media queriesโ€œ (I know, they doesnโ€™t exist) and finally got some more insight / explanation to dig further.

Collapse
 
shelldandy profile image
Miguel Palau

let's not use arbitrary breakpoints...

here's my list of arbitrary breakpoints btw

Collapse
 
the_riz profile image
Rich Winter

(tbf- he does cite the framework srcs)