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
Jake Kobs
9,215 PointsRules to abide by for media queries when resizing browser window?
Are there any rules that we can use to quickly change our css settings so that the html looks nice on any screen size or is it normal to play around with our values in the media queries to find out what works best for certain circumstances?
2 Answers
Don Macarthur
28,430 PointsHi Jake,
I generally try resizing the browser window until my layout looks a little funky and then start from there.
Something else I find useful is the Bootstrap Grid, which gives breakpoints for XS, S, M and L devices. You can see it here: https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
Hope that helps, Don
Don Macarthur
28,430 PointsNo worries Jake,
Bootstrap is pretty cool and worth having a look at as it takes care of a lot of the headaches with media queries for you but I'd definitely recommend being confident with the basics ofCSS before you head on over to it.
Cheers Don
Jake Kobs
9,215 PointsJake Kobs
9,215 PointsThanks Don!
That does sound like a good place to start and is seemingly the simplest approach. I'll have to check out bootstrap once I've tackled the other prior courses!