Breakpoint

A screen width where the layout changes.

What is a breakpoint?

A breakpoint is a screen width where the layout changes, for example from one column on phones to three on laptops.

@media (min-width: 1024px) {   /* the "desktop" breakpoint */
  .sidebar { display: block; }
}

Level: Journeyman · More CSS terms at this level

Updated