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...
Tip ko lang, wag ka muna gumamit ng mga framework kung hindi ka pa familiar kung pano gumawa ng responsive web pages. Subukan mo muna ang pure CSS (float, flex, or grid) yang 3 ang mga techniques.