Setting Breakpoints in Responsive Design -Saga Biz Solutions

How do you define the breakpoints? What is the rule?

Do you have a list of generic breakpoints that are commonly used?

Some like to set the basic breakpoints on the resolution of the devices. For example: 320px for mobile, Tablet 768px, 1024px or higher for the office. And if the device resolution changes? To be more bulletproof, breakpoints should be based on the design and content.

So what is the rule?

In tailored workflow design,Weusually test the design by resizing the browser window. Look how content flows when resizing and adding a breakpoint in the event of design failure. There are no specific rules on the number of breakpoints design should have. The basic rule is to ensure that the design and content flow well over the entire width of the window. We will use two of my sites as examples: Web Designer Wall and Best Web Gallery.

For More Details Visit : 

http://sagabizsolutions.com/blog/setting-breakpoints-in-responsive-design-saga-biz-solutions/