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!

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 Build a Three Column Layout

George Lavoie
George Lavoie
2,280 Points

My contact page format is not changing based on size even though I have used the exact code provided to me in the video.

I am not sure why. What might I be doing wrong?

James Bonner
James Bonner
7,744 Points

I am having the exact same problem. I tried reloading the workspace, but it didn't solve the problem. My code is perfect. I used the media queries and ids correctly in the responsive.css file. and i applied the ids in contact.html to the section elements. still nothing.

2 Answers

Benjamin Palladino
Benjamin Palladino
13,297 Points

Sometimes workspaces can glitch out and you may need to reload the lesson and try again. If that doesn't work paste your code please. :)

George Lavoie
George Lavoie
2,280 Points

Hey! I tried reloading and starting over but it still isn't working. Here's my code:

/* contact.html */

<section id="primary"> <h3>General Information</h3> <p>I am now availbale for design work and speaking engagements. If you would like to hire me, please do not hesitate to contact me by email.</p> <p>Please only contact my personal phone in the case of an emergency. Otherwise, you may contact me via email or twitter.</p> </section> <section id="secondary"> <h3>Contact Details</h3> <ul class="contact-info">

/* responsive.css */

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

#primary { width: 50%; float: left; }

#secondary { width: 40%; float: right; }

}

George Lavoie
George Lavoie
2,280 Points

Above the h3 header I have the primary id.

<section id="primary">

I'm not sure why it didn't show.

Peter Bates
Peter Bates
10,647 Points

You should check that you are using the correct selectors. They might be classes and not ids.

So you will need to use the .class selector and not the #id.