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 How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Charles Pierce
Charles Pierce
6,429 Points

How can I fix it so the media queries work in workspace? They don't seem to be working.

For some reason the media queries are not working in workspace so its causing me to not be able to see the changes that are happening when you change the width of the page. Not sure if anyone else is having this problem?

2 Answers

The responsive.css tag should be in the head section, after the main.css tag

    <head>
    <meta charset="utf-8"> 
    <title>Rosina | Designer</title>   
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One:400,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
            ```
Charles Pierce
Charles Pierce
6,429 Points

Hey so it looks like I fixed that problem but now the images that I have on the contact page will not float with the rest of the section. Do you know why this is happening?

http://codepen.io/anon/pen/dCkfe