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
George Lavoie
2,280 PointsMy 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?
2 Answers
Benjamin Palladino
13,297 PointsSometimes 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
2,280 PointsHey! 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
2,280 PointsAbove the h3 header I have the primary id.
<section id="primary">
I'm not sure why it didn't show.
Peter Bates
10,647 PointsYou 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.
James Bonner
7,744 PointsJames Bonner
7,744 PointsI 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.