About

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

Use line measures as a factor for picking breakpoint.

Articles Related

where: Computer Display - Device Independent Pixel (DIP)

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

• Bootstrap - Breakpoint (Toggle)
• Css Breakpoint
• https://material.io/guidelines/layout/responsive-ui.html#responsive-ui-breakpoints

Documentation / Reference

• https://v4-alpha.getbootstrap.com/layout/overview/