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 trialMiguel Guzman
Front End Web Development Techdegree Student 10,025 PointsHaving trouble building column layout!
Hello everyone,
I've been following the 'How to Make a Website' course and I am building the three column layout.
In the video, the General Information section and Contact Details section end up next to each other, but once you resize your browser and make it much smaller the contact details are below the general information section. Mine for whatever reason are not side-by-side at all no matter how big my browser is!
I've written the id's and code properly, but can't figure out what's wrong. I also added the correct id's to the proper sections. Thanks in advance to anyone who can help me :)
@media screen and (min-width: 480px) {
#primary { width: 50%; float: left; }
#secondary { width: 40%; float: right; }
}
Bryan Peters
11,996 PointsI think you need to snapshot the workspace using the camera icon in the top right corner - I can't access the link
1 Answer
Bryan Peters
11,996 PointsMake sure your css file is linked correctly - it wasn't in any of the html files. Fix line 9 in contact.html (and the other html pages)
<link rel="stylesheet" href="css/responsive.css">
Miguel Guzman
Front End Web Development Techdegree Student 10,025 PointsOh wow, I need my sleep! Thank you very much Bryan.
Bryan Peters
11,996 PointsBryan Peters
11,996 Pointspaste html too please. Is there css above your media query? A syntax error can keep the rest of the css from processing.