I am learning how to make responsive layouts for sites and web applications.  It's said we need to use media queries to find out the width(resolution) and then select the layout(wireframe) for that screen.I would like to know how many layouts(wireframe) should I make for?Please advice as per your experience.For example:960x  480x  800x  
When making responsive design how many versions of account for?
web development;css;html5
Technically responsive design does not depend upon resolution. A good responsive design will flow to fill the available space.Its said we need to use media queries to find out the width(resolution) and then select the layout(wireframe) for that screen.No, you should not target a layout to specific media resolutions. You should adjust the cascading flow of the elements as media types change, and adjust your CSS settings according to pixel density. I would like to know how many layouts(wireframe) should I make for?You do not design your wireframe to target specific device sizes. You adjust the size of elements in the flow of the document so that everything fits together nicely.Once you start created fixed layouts for media types you'll run into problems.