SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Jan 2007
    1 Post(s)
    0 Thread(s)

    What is meant by letting your content determine break points in responsive design.

    I've read to not set breakpoints to devices but content. I don't get that. The design has to work on existing devices.
    So wouldn't you set the breakpoints at the threshold of device formats (IE: Mobile, Tablet, Desktop, Widescreen Desktop).

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    219 Post(s)
    12 Thread(s)

    I've just finished working on a site which I built for mobile first. In the course of this I also came across quite a lot of articles saying the same thing.
    My take on this is that you should optimize for what looks good in terms of layout and not rigidly adhere to set breakpoints, just because they correspond to the width some popular mobile device or other.
    This is perhaps best summed up by a guy called Stephen Hay on Twitter who advised "Start with the small screen first, then expand until it looks like sh-t. Time to insert a breakpoint!"
    Saying this, it is a matter of personal taste and what works best for you. It is more important to be thinking responsively in the first place than to lose sleep about where to have your breakpoints.
    Here's a good article for this approach:
    And here's a good article against:

    Would be interested to hear what others think.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts