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 How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

Posted by ed taylor
ed taylor
2,125 Points

I cannot get Firefox to override background color by resizing the screen size

Hi, this pertains to video= "Adding Breakpoints for Devices"responsive css media queries ....
I cannot get Firefox to override background color by resizing the screen at different break points [at time: 6:30 into the vid.] I believe I have the workspaces code correct: @media screen and (min-width: 480px) { body { background: navy; }} @media screen and (min-width: 660px) { body { background: darkgreen; }}

theres alot of code here to post [from the course so far]...... any specific areas of code i can check, or what do you need from me is it because i am on: xp pro, or the latest firefox v35.0.1 ? has anyone else had this issue any help would be appreciated

Thanks, EdT

2 Answers

Nathan Smutz
Nathan Smutz
9,492 Points

Which file did you put the code in?

If you put that code in "responsive.css", make sure that index.html has 

<link rel="stylesheet" href="css/responsive.css">

in the header:

<head>
<!-- some stuff -->

<link rel="stylesheet" href="css/responsive.css">

<!-- maybe some more stuff -->
</head>

If that seems in order, try pasting those css rules into the end of main.css.

I'm sure you're saving and refreshing and everything already.

ed taylor
ed taylor
2,125 Points

Hi Nathan.

Thanks for the quick response...sorry for the delay, I finally found a way to upload my data for viewing if you want to download it, to assist me, its here [on .rar ] at: https://www.filefactory.com/file/6lrfodwg0imh/EdT_s%20%20Treehouse%20problem%20%5B2-22-15%5D.rar [you'll need to go to bottom of page, click slow download and wait 30 seconds] Oh, and yes, I am trying to save and refresh everything after each session Thank you for any help

EdT

ed taylor
ed taylor
2,125 Points

Well.......the link wont work.... I don't consider Text files as "distribution of illicit material" ...but filefactory.com does. Sorry it won't download.... Maybe it's because the text files were put in a.rar file to avoid 5 url links] I consider.filefactory.com as a unreliable free service for Treehouse help Is there any service or site where someone can upload thier text files to resolve a treehouse problem

Thanks, EdT

Nathan Smutz
Nathan Smutz
9,492 Points

Google Drive is free. You can upload files there and change the "share" settings to public. I'm sure you can do the same thing with DropBox too.

ed taylor
ed taylor
2,125 Points
ed taylor
ed taylor
2,125 Points

Hi Nathan. Problem solved! . I started a shortcall job at the time of my data problem .10hrs,6 days a wk made it difficult to study. .Job-Project is done, & while I reviewed the data again, . .I immediately saw that the "responsive.css" was outside the css folder. .. [newbie-oops!], .. Works perfectly now! .I hope this helps someone else. .Thanks for mentioning Google Drive, and DropBox... .I am sure that many ppl will thank you for that... And I really thank you for your super help!,

EdT