media queries breakpoints?

Question

I have used many media queries breakpoints in my tests, and i can't find the correct method to use them. Can someone explain it please?

Example(I used this method):

@media only screen and (min-width:1200px){}

@media only screen and (min-width:992px){}

@media only screen and (min-width:778px){}

@media only screen and (min-width:678px){}

@media only screen and (min-width: 480px), (max-width:668px) {}

@media only screen and (max-width: 430px), (max-width:600px) {}

(pardon for my bad english lol)

Answer 1

Zambon if you are asking about different media queries used, than that's depends over the screen size and varies according to the screen of mobile, PC, laptop etc.

https://medium.com/@sawanrathod/css3-media-query-cheat-sheet-1fab77ea3cb8