What is a Breakpoint?

Oscar de la Hera Gomez
A flower that represents Digital Craft with the text "What is a Breakpoint?" below it.

A range of points that determine when a website or app should change layout.

An image showing how different devices are spread across a series of breakpoints.

These points are often defined in number of pixels and target changes in the width of the screen or browser, to offer a responsive user interface design that uses multiple layouts.

For example:

  • Breakpoint 0: Screen or Browser width is less than 400px.
  • Breakpoint 1: Screen or Browser width is less than 768px.
  • Breakpoint 2: Screen or Browser width is less than 1024px.
  • Breakpoint 3: Screen or Browser width is less than 1440px.
  • Breakpoint 4: Screen or Browser width is less than 1920px.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details