CSS & Frontend

Breakpoint

/ˈbreɪkpɔɪnt/

Definition

A specific viewport width at which a CSS media query changes the layout for different screen sizes.

Example in context

"Our main breakpoints are 480px (mobile), 768px (tablet), 1024px (desktop) — mobile-first with min-width queries."

Practice this term

Master Breakpoint in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.