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

General Discussion

Posted by sam devos
sam devos
3,644 Points

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
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
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.