Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Responsive Layouts!
You have completed Responsive Layouts!
Preview
Breakpoints define a certain threshold where the layout should change, typically defined by the content (and not by devices).
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
But how do we decide exactly what that
certain threshold should be?
0:00
Your first instinct might be to make
breakpoints based on
0:00
different popular devices.
0:03
For example, if we know that a popular
mobile phone has a width of 320
0:05
pixels in portrait mode, then maybe we can
create a breakpoint there.
0:09
However, this is actually bad practice and
not a sustainable approach.
0:14
Responsive web design was created to help
address
0:19
new devices being introduced all the time.
0:22
So, if we create breakpoints based on
specific devices,
0:25
then we're just recreating the same
problem for ourselves.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up