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

Posted by Ismael Ramirez
Ismael Ramirez
3,627 Points

My profile picture in about is all the way to the top.

https://w.trhou.se/fub90vku6z When I make the page smaller the photo its next to the paragraph.

Rochell Hill
Rochell Hill
10,677 Points

You might try adding some padding in your CSS to each div.

1 Answer

Ezra Siton
Ezra Siton
12,644 Points
Ezra Siton
Ezra Siton
12,644 Points

You use 

.cocos-profile {
    float: left;
    margin: 0 5% 80px 0;
}

So the text always try to wrap the image.

You can add media Q and change this layout on mobile: Change the float to initial (like saying "no float") Than because your img (inline-block) and p (block element), so you get image than p. 

@media screen and (max-width: 640px) {
     .cocos-profile {
    float: initial;
    margin: 20px 0px 20px 0; /* Change the margins if you want */
   }
}