What Widths Should I Design For Responsive Design?

A white, rounded square logo with an abstract S-shaped design on a gradient blue and purple background.

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.

Share This

Join the Sales and Marketing News, receive our last insights, tips and best practices.

Our 7 Guarantees

Keeping 2,000+ Clients Happy Since 2001.

1
You Will Love Your Design We design to please you and your clients
2
Same-Day Support 24-hour turnaround edits during business hours
3
Free Education We provide knowledge to help you expand
4
No Hidden Charges We quote flat-rate projects
5
Own Your Site No strings attached
6
We Create Results SEO, PPC, content + design = clients
7
We Make Life Easier One agency for web, branding and marketing