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!

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


Best way to go about making an existing website responsive.

If you have an existing website which was not built 'mobile first', what is the best way to go about making it responsive?

Do you 'break' your desktop site by adding css to make it look good on mobile and then work forwards to fix the other devices?

Is it better just to start again with mobile first in mind?

Is there another, better way?

2 Answers

Hey, starting mobile first or desktop first doesn't make too much of a massive difference, it might require a little more work but that's about it.

I'd say start adding your media queries and get started. No point starting again.

Best, Rhys

but as you add media queries for min-width, doesn't it make sense to start with the narrowest viewport and work up from there?

Again, its all down to preference. There isn't a set way to code a website. I personally start with a desktop design and work my way down. But again, it's all down to preference.

I like to see the finished coded design in full width, then scale it down easier.