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

Posted by Nic Henstridge
Nic Henstridge
2,107 Points

Column's not working..

Hi there, my code to me looks as is meant to be but my columns do not change from stacking on top of each other to next to each other as Nick's do when making the browser window larger.

http://screencast.com/t/0mKnDTCFgij6

What am I missing?

Thank you!

Nic

3 Answers

Tamsin Waters
Tamsin Waters
6,116 Points
Tamsin Waters
Tamsin Waters
6,116 Points

is your responsive.css style sheet linked properly on your contact page

Davey Lagden
Davey Lagden
3,623 Points
Davey Lagden
Davey Lagden
3,623 Points

add your css in externally like below

< link rel="stylesheet" href="css/responsive.css" >

or the code will not read on your html page without it being wrapped with < style > tags

Nic Henstridge
Nic Henstridge
2,107 Points
Nic Henstridge
Nic Henstridge
2,107 Points

Thanks for the replies. I worked it out an hour or so after posting as some other style changes weren't applying properly to my contact page. When I looked closer at the link in my html to my responsive.css, I noticed I had misspelled it!