Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Should you first start in pixels then go responsive?

Hey, something i cant get my head around is , if you build a responsive website how do you startout ? you create a design in photoshop, create the html and css pixelbased and then make it responsive? or can you go responsive on the go? What is your workflow?

2 Answers

Philip Cox
Philip Cox
14,818 Points

Hey Sam. In my opinion, the best way to develop is to think mobile first, as taught by Treehouse. Starting out with pixels and moving to percentages could be counter productive. max-width is great for your body. This will set a nice fluid size on all screen sizes. Then use percentages for the elements inside the body.

When I am thinking about sizes, I no longer think px, I think, how much percent do I want that element to take up.


Andrew McCormick
Andrew McCormick
17,730 Points

I sketch it out (sometimes paper, sometimes photoshop) then code the layout based on guesstimating my percentages. I try to avoid using pixels unless it's necessary (i.e. max-width of something like Philip pointed out). If you know you are building a responsive site then you need to think responsive.