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

Matthew May
Matthew May
1,685 Points

Dual column contact page is not working.

Has anyone else ran into the problem, ive typed and retyped the code thinking it was just a typo i was unaware of but i can't seem to figure it out. it seems as if it is not referencing the id within my contact.html. I have to responsive.css file within my CSS folder and it is referenced in my index.

2 Answers

Joshua Briley
PLUS
Joshua Briley
Courses Plus Student 24,645 Points

Hey Matthew, do you have a link we can check out to help troubleshoot the issue?

Hi Joshua and Matthew, I'm having the same problem.
I can see that my responsive.css file is linked via dreamweaver, and I've also tested it in various ways. There is something wrong with the code I'm writing for my media queries... Do you see anything wrong with this?

@media screen and (min-width: 480px) {

body {background: #fff;} }

It should be changing the background to a dark grey in any browser window larger than a smartphone but it's not. Let me know what you think.

Joshua Briley
PLUS
Joshua Briley
Courses Plus Student 24,645 Points

The media query appears to be structured properly. The only thing I can think of, without seeing the actual codebase, is that there is another container inside your body that is taking up 100% of the screen real estate, essentially covering up the body. Take a look at this, for example: http://jsbin.com/tecodoyo/2/edit