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 CSS Basics (2014) Enhancing the Design With CSS Adjusting the Layout with Media Queries

Jake Kobs
Jake Kobs
9,215 Points

Rules 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

Hi 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

Jake Kobs
Jake Kobs
9,215 Points

Thanks 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!

No 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