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

HTML

Posted by Kit Howlett
Kit Howlett
2,428 Points

Responsive CSS not loading after putting on server

Hi Guys,

I have just finished the building a simple website on treehouse and have just uploaded the files to my domain and hosting at www.wurk-it.co.uk.

When I was coding the site in workspaces it all worked fine and the resonsive.css file was working. However since I have uploaded it the file is not loading for some reason therefore the site is not responsive.

Has anyone any ideas on how to fix this issue?

4 Answers

Luke Pettway
Luke Pettway
16,593 Points 
 <link rel="stylesheet" type="text/css" href="css/responsive">

Looks like your href is missing the .css after responsive.

Kit Howlett
Kit Howlett
2,428 Points
Kit Howlett
Kit Howlett
2,428 Points

Perfect that fixed the issue! Thank you!! :)

Luke Pettway
Luke Pettway
16,593 Points
Luke Pettway
Luke Pettway
16,593 Points

Could you go into a little more detail on exactly what the issue you are experiencing is? After looking at the link, the the images scale, and minus a layout issue or two, the site looks to be working responsively, W3C validator also seems to show the site as ok for the most part minus a few warnings.

Kit Howlett
Kit Howlett
2,428 Points
Kit Howlett
Kit Howlett
2,428 Points

Yeah sure. So basically when previewing my website in workspaces all the stylesheets work including responsive.css which forms a 3 column layout when viewed on a desktop and a two column layout on mobile devices plus some other changes regarding the navigation when viewed on a desktop compared with a mobile device. However when I uploaded my website (www.wurk-it.co.uk) the responsive.css doesnt seem to be working so my media queries I created in reponsive.css aren't working.

This is what it should look like and is what I see when I preview in workspaces: Desktop

alt text

Mobile

alt text

However after I uploaded the files to my server the desktop version looks like this: alt text

Also when I inspect the page it comes up with an error suggesting responsive.css is not loading. alt text