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

Posted by Barry Denson
Barry Denson
Courses Plus Student 13,188 Points

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

rhysadams
rhysadams
4,847 Points
rhysadams
rhysadams
4,847 Points

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

Barry Denson
PLUS
Barry Denson
Courses Plus Student 13,188 Points
Barry Denson
Barry Denson
Courses Plus Student 13,188 Points

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?

rhysadams
rhysadams
4,847 Points

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.