I'm m coding my first responsive site and have decided to use 3 different CSS files that will use media queries. I was just wondering what is the typical width of the screen for a smart-phone, tablet and monitor? Are there typical values that coders use? Any other tips would be greatly appreciated! Regards
I've found this post to be very helpful in getting a sense of standard, baseline media queries for various devices. Bear in mind that screen resolutions are all over the map these days, no matter the device size, and you should strive for general fluidity even beyond these basic breakpoints.