Ito ang mga good point breaks (Note: pwede ka pa mag dagdag kung gusto mo maging perfect dipende na sa pagkaka style mo):
media only screen and (max-width: 37.5em){
//600px pababa for mobile portrait version
}
media only screen and (max-width: 50em){
//800px pababa for mobile landscape version
}
media only screen and (max-width: 56.25em){
//900px pababa for tablet portrait version
}
media only screen and (max-width: 75em){
//1200px pababa for tablet landscape version
}
media only screen and (min-width: 112.5em){
//1800px pataas big desktops
}
Another tip: Wag ka gumamit ng px para mas madali mag scale yung layout mo. Use rem and em (em specially kapag nag re-responsive ka na). gumamit ka lang ng px sa mga maliliit at constant na design na hindi naman kelangan baguhin kapag sa mobile or tablet version na.
Happy coding!
