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.

CSS

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.