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 How to Make a Website Responsive Web Design and Testing Responsive Web Design

Martina Vonkomerova
Martina Vonkomerova
7,790 Points
Posted by Martina Vonkomerova
Martina Vonkomerova
7,790 Points

How can I tell which sizes in px should I input to mobile device?

I want to know how should I measure the elements size in px for a mobile device.

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

If your making a responsive website, it's good to learn media queries. It's really up to you, the smallest width I worry about is 330px. But when you use the media queries this is what I typically do. 

@media all and (min-width: 330px) and (max-width: 699px) {

    body{
            background-color: #222;
    }
}

Basically what this does is, effects the page if the screen size is at least 330px all the way up to 699px's.

1 Answer