cristinafsanz
10/1/2019 - 11:50 AM

Breakpoints

Articles

Example websites:

  • BBC:
    • Breakpoint desktop 1008px with content with margin left and right 15px (content = width - 30px)
    • Until 1280px same margin left and right (content = width - 30px)
    • Max content width: 1250px (total 1250 + 15*2 = 1280px)
  • Huffington Post
    • Breakpoint desktop 1000px
    • Max content width: 1250px
  • Awwwards:
    • Breakpoint desktop 1010px with margin left and right 34px
    • Max content width: 1309px
  • Airbnb:
    • Breakpoint desktop 1128px with margin left and right 48px
    • Max content width: 1032px
  • Dribbble:
    • Breakpoint desktop 1170px with margin left and right 25px. Content 1110px
    • Max content width: 1350px