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
Joshua Montmeny
Courses Plus Student 6,135 PointsContact info Image elements: How to make a Website with Nick Pettit
I've just begun adding media queries to the responsive.css file that I've created so that the page layouts will re-size at both 480 and 660 pixel screen sizes splitting the elements into a primary and secondary columns.
When I do this everything seems to work fine except that as the media query kicks in at 480px the three image logos (telephone, email and twitter) all leave their container and slip over to the first column instead of staying in the second column.
Here's a link of the snapshot from my code: https://w.trhou.se/px9jnzo6ah
Does anyone see what I've done differently?
2 Answers
Daniel Gauthier
15,000 PointsHey Joshua,
I dug around your code for a while here and wasn't sure why it wasn't working since it looked correct at the latest stages. It wasn't until I pulled out the developer tools that I noticed you had typoed the secondary id as #seconday.
Once you correct that typo everything falls back into place.
Good luck!
Joshua Montmeny
Courses Plus Student 6,135 PointsHa! Duh. Thanks Daniel!