Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Lou Costello
Lou Costello
2,232 Points

About Page Profile Picture- Text Keeps Wrapping Around It When In Desktop View?

When the browser window is sized for desktop screens, my about <p>'s wrap around underneath my profile picture.

I did not order my CSS exactly like in the video, so maybe that is the issue? I've tried clearing my cache. My picture 200px X 200px and is a jpg file.

Here is my code...thanks all!!

**HTML** <div id="wrapper"> <section> <img src="img/prophoto.jpg" alt="Profile photo not available yet" class="profile-photo"> <h3>About</h3> <p>Hey Everyone! This is my design portfolio to show off my favorite work.</p> <p>I am an enthusiastic and self-motivated young professional with a passion for marketing, web design, and web development. Currently, I have a diverse background that includes experience with digital marketing, marketing research, web design, and content development. My goal is to combine my skills in order to help companies grow, ideally through acting as a liaison between marketing, sales, and IT. In the next 2-3 years, I also aim to start my own web design business.</p> <p>If you'd like to connect, visit my <a href="https://www.linkedin.com/in/heylou">LinkedIn</a></p> </section>

**CSS** .profile-photo { clear: both; display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

Bryce Santos
Bryce Santos
11,144 Points

Hmm.. it could be that you put a bottom margin which pushes the h3 and p tags away from your image. Are you looking to wrap text around your image instead?

1 Answer

Kailash Seshadri
Kailash Seshadri
3,060 Points

lou pls share a snapshot of your workspace so we can understand the problem better.

THANKS!!!