What is a breakpoint?

A breakpoint is the range of predetermined screen sizes that have specific layout requirements. At a given breakpoint range, the layout adjusts to suit the screen size and orientation.

Material Design provides responsive layouts based on the following column structures. Layouts using 4-column, 8-column, and 12-column grids are available for use across different screens, devices, and orientations.

Each breakpoint range determines the number of columns, and recommended margins and gutters, for each display size.

 
Download our trends reports
Digital Trends Consumer trends See more reports

Other internet
related terms

A

B

C

D

E

P

Q

R

S

s

S

T

U

V

W

X

Y