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

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

Jeyananthan Sivakumaran
Jeyananthan Sivakumaran
864 Points
Posted by Jeyananthan Sivakumaran
Jeyananthan Sivakumaran
864 Points

The photos (e-mail, twitter, phone) that should appear in front of the second column items appear in front of the first.

So instead of the phone photo appearing in front of the phone number, it appears on top of the sentence about looking for work.

When it goes back to a one-column layout everything is as it is supposed to be.

2 Answers

Jed Bradshaw
Jed Bradshaw
6,053 Points
Jed Bradshaw
Jed Bradshaw
6,053 Points

I am also having this issue

Jed Bradshaw
Jed Bradshaw
6,053 Points
Jed Bradshaw
Jed Bradshaw
6,053 Points

I was missing a semi-colon after 40% in responsive.css. Everything is working correctly now

Gaoyuan Chen
Gaoyuan Chen
2,546 Points
Gaoyuan Chen
Gaoyuan Chen
2,546 Points

I also missed the semi-colon, thanks dude!