Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Zach Handler
.a{fill-rule:evenodd;}techdegree
Zach Handler
Web Development Techdegree Student 5,332 Points

How do you decide at what pixel values to make break pints?

Is there a standard set of pixel values we should be using to create breakpoints? For example, a break point you guys often use is 769px. Is this a value that is commonly used in web design (if not, how do you determine these values)?

2 Answers

Dmitry Polyakov
Dmitry Polyakov
4,989 Points
Dmitry Polyakov
Dmitry Polyakov
4,989 Points

I usually use dev tools, take a look a mobile view of the design and create break points depending on how design breaks and how it flows

Cory Harkins
Cory Harkins
16,500 Points
Cory Harkins
Cory Harkins
16,500 Points

A pretty introductory article explaining breakpoints: https://responsivedesign.is/strategy/page-layout/defining-breakpoints/

Bootstraps breakpoints (scroll down to responsive breakpoints): https://getbootstrap.com/docs/4.3/layout/overview/