beginnertermCSSCSS / Responsive design / Breakpoints
BeginnerNot yet reviewed

Breakpoints

Breakpoints are the screen widths where the layout changes, such as 640px, 768px and 1024px.

Definition

Breakpoints are the screen widths where the layout changes, such as 640px, 768px and 1024px.

Use case

Choose them where your content starts to look wrong, instead of copying a list of device sizes.

In Figma

Separate frames for each breakpoint

Related terms

Resources

No resources yet. Suggest one.

Suggest a change