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

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Miguel Guzman
seal-mask
.a{fill-rule:evenodd;}techdegree
Miguel Guzman
Front End Web Development Techdegree Student 10,025 Points

Having 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
Bryan Peters
11,996 Points

paste html too please. Is there css above your media query? A syntax error can keep the rest of the css from processing.

Bryan Peters
Bryan Peters
11,996 Points

I 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
Bryan Peters
11,996 Points

Make 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">