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![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Guillermo Sequeira](https://secure.gravatar.com/avatar/93537a1c59d9aec795dd3e9cf0a38ea1?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Guillermo Sequeira
9,297 PointsMy Media Queries are not working as they are supposed
I've been working on this website (sorry it's in Spanish): https://gruposct.herokuapp.com/ and applied the responsive design techniques discussed on the Treehouse videos. I have uploaded it to Heroku and on the web it seems to work as it's intended to. But whenever I try to see the results either on my phone (LG G2 Mini) it doesn't display the way it should display and all the content looks really small and it's really hard to read. Also both for my phone and my tablet (iPad Air) the background images look terrible. I don't know if any of you have any reccomendation for that.
Here is my Github repo on the CSS in case you might be curious: https://github.com/seque1990/sct/blob/master/app/assets/stylesheets/sct.css.scss
Thank you very much in advance.
1 Answer
![Máté Végh](https://secure.gravatar.com/avatar/cac0d5fc706751a368235f51e5724602?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Máté Végh
25,607 PointsYou have to use the viewport meta tag:
<meta name=viewport content="width=device-width, initial-scale=1">
Just copy it to all your HTML files' head section.
Read this article for more info: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
Guillermo Sequeira
9,297 PointsGuillermo Sequeira
9,297 PointsYou're incredible. It works perfectly. Thank you very much.
Máté Végh
25,607 PointsMáté Végh
25,607 PointsI'm glad I could help! Good luck!