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
Leigh Maher
21,830 PointsWhat are the viewport ranges?
What are the breakpoints for the different viewport ranges, and is this something we can customize depending on our design?
Leigh Maher
21,830 PointsHi Robert,
Yes, this is exactly what I do to. But this is a framework and it has breakpoints built into it using col-sm, col-md, col-lg etc...What I want to know is how wide these are by default, and can we alter what those breakpoints are to suit the unique layout of our own designs?
Robert Mehew
2,427 PointsThe media query breakpoints for Bootstrap are shown on this page: http://getbootstrap.com/css/#grid
It also goes into some detail regarding the breakpoints and how they sometimes use the max-width parameter for smaller devices.
On the homepage, there is also the ability to override the responsiveness of the grid, which you could then make responsive again with your own CSS, effectively overriding it.
Leigh Maher
21,830 PointsThanks for those links, Robert. It's a pity that we can't just customize those widths instead of disabling the grid and creating our own.
Robert Mehew
2,427 PointsYes it is, for a very complex layout I tend to stay clear of a framework and just use a CSS reset.
1 Answer
Leigh Maher
21,830 PointsI've started using bootstrap with SASS, and it makes bootstrap way more dynamic, customizable and powerful. An example being that you can create your own variables that will determine the max widths for your breakpoints.
Robert Mehew
2,427 PointsRobert Mehew
2,427 PointsThis is just my personal preference, I know people work differently.
When I am working on the responsiveness of a site I tend to resize the browser window and see when I need to make a breakpoint with media queries, rather than having breakpoints for certain devices as new devices are coming out all the time.
So I would recommend making your site respond to a certain viewport when it starts to look bad on a certain width.
Good luck :)