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 justinw
justinw
14,517 Points

Mobile View different than site (not @media queries)

If you go to the link below you will see that on a phone the layout is terrible and I want to clean it up with just text instead of images, etc. The @media that I'm adjusting in my CSS isn't working to well, probably because I wasn't the one who wrote it, so I want to know if there is an easier way to change the entire view / layout when someone accesses my site on a phone instead of utilizing a media query.

You can check out my site: www.plantools.com

1 Answer

Caroline Hagan
Caroline Hagan
12,612 Points
Caroline Hagan
Caroline Hagan
12,612 Points

Hi Justin Witz what I normally do is start with a stylesheet, without Media Queries, for mobile, then add stylesheets/Queries as I move up the breakpoints.

Although not the best solution, you could use display: none in your CSS for hiding the images if you want to get rid of them?

Otherwise if you want to drop your code into a jsFiddle or Codepen then we can see where you could improve / achieve the look you want?