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 Adjust the Profile Page and Header

Posted by Otto Mejia
Otto Mejia
744 Points

How can I make my About page a two column grid and then a one column grid on a mobile device?

I'm doing the How to Build a Website exercise, and I'm up to the part where I'm selecting the .profile-photo in the responsive.css tab. I have everything correct with the floating to left and setting the margins to the right percentages and pixels like it shows in the video. But when I test it, my website shows the two column grid just fine, then when I shrink the browser, some words wrap around the image and some stay on the other column making it still a two column grid. How can I make it a single column grid?

Otto Mejia
Otto Mejia
744 Points

How can I share my workspace with you?