UI Responsive Design - Breakpoint

About

layouts are responsive (ie change) at what is called breakpoint.

Use line measures as a factor for picking breakpoint.

Viewport

viewport example (ie the size of the display device)

  • Ipad: 768 pixel
  • Ipad Pro: 1024 pixel
  • Iphone 5/SE: 320 px
  • Iphone 6/7/8: 375
  • Galaxy S5: 360

Example

Documentation / Reference


Powered by ComboStrap