Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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