What is a Breakpoint?

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

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 07/29/2023 at 15:57
Last Updated on 07/29/2023 at 16:20
<p>A flower that represents Digital Craft with the text "What is a Breakpoint?" below it.</p>

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

Subscribe
<p>An image showing how different devices are spread across a series of breakpoints.</p>

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.
What is Responsive Design?What is a Layout?

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.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe