Responsive Website Sizes?

Out of context: Reply #9

  • Started
  • Last post
  • 18 Responses
  • nbq4

    You don’t need to write mediaqueries for every possible screen resolution.

    To keep things simple you could target four groups:
    • smaller than or equal to 768 px (smartphones)
    • larger than 768 px (small devices, tablets)
    • larger than 992 px (medium devices)
    • larger than 1200px (large devices)

    Those are the breakpoints as used by the very popular Twitter Bootstrap framework.

    • yup, keep it simple, ensure that between breakpoints things are handled responsivelyprophetone
    • yupdoesnotexist
    • good advice. i'm not a big fan of bootstrap, though and using their breakpoints (which are based around their grid sizing) without using the grid would be daft.kingsteven

View thread