What Widths Should I Design For Responsive Design?

Services: Law Firm Website Design . SEO . Internet Marketing . Law Firm Marketing Guide . Content Marketing . PPC

So you want to create a responsive website but don’t know what sizes you will actually need to design for.  This is a common question. A lot of different devices can display your webpage, so should you design for them all?

Designing for all devices may be impossible as there are an infinite variety of devices that you can view a website on.  When designing for a responsive site, it is best to consider what the majority of people are using and start there.

Top 4 Most Popular Widths for Web-Viewing Devices

The four most commonly used devices are:

  1. iPhone / Droid – 320px wide
  2. Small Tablets – 640px wide
  3. iPad / Tablet – 768px wide
  4. Computer – greater than 960px wide

You should consider the width of these three devices when creating a responsive website. However, keep in mind that you can design for many other widths such as iPhone sideways (480px).  However, 320, 640, 768 and 960 are the four widths that are the most mandatory to design for when considering responsive design.

Helpful Tools for Testing Screen Width

Below are a few helpful tools to utilize when creating a responsive design:

If you are interested in talking more about responsive design or creating a website with the PaperStreet web design team, feel free to Contact Us today for a free consultation.

Related Posts

Ready to Take Your Website to the Next Level? Great Ideas & Results Only a Phone Call Away

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Let's get started.

Leave a Reply

Your email address will not be published. Required fields are marked *