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 James Blogg
James Blogg
1,109 Points

On my about page I can't seem to get the text to stop hugging my profile image...

https://w.trhou.se/x41vptn8v1

I've been trying to move the text a bit away from the image on my about page but I can't seem to get it to work. What code would work for this? Thanks

1 Answer

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

What browser are you using? It seems to be working fine for me. Did you take those photos?

James Blogg
James Blogg
1,109 Points

Yes I did take those photos.

I am using latest version of chrome. The text itself is displaying OK (to the right of the image) I just can't seem to get it any further across so it doesn't start the sentence almost on the edge of the image itself.

Thanks for the reply.

Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Amazing! I'm kind of confused as to what you are talking about. I wish the markdown for images worked.

James Blogg
James Blogg
1,109 Points

Thanks and sorry I'm probably explaining this rather poorly!

I just uploaded an image of what I'm seeing: http://postimg.org/image/qgwfdd94n/

See how the text is on the edge of the image when it starts. If it were possible I wanted it to start to start the header and paragraph indented to the right away from the edge of the pic. So it starts where I added in the line and arrow.

It just seems to happen when the site switches in to the tablet and desktop resolutions. That's when it screws the text up a bit.

Cheers!

Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Whoa, big difference! This is what I see: http://i.stack.imgur.com/Aq8XT.png

James Blogg
James Blogg
1,109 Points

Weird... what device and browser are you using?

Have you any thoughts as to how I could solve it?

Thanks!

Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

I am running:

Device

  • iMac (20-inch, Mid 2007)

OS

  • OS X El Capitan version 10.11

Browser

  • Google Chrome version 45.0.2454.101

Extensions

  • AdBlock version 2.40.1
  • Google Docs version 0.9
  • Google Docs Offline version 0.5
  • Google Mail Checker version 4.4.0
  • New Tab Redirect version 3.1.4 (not enabled)
  • Print Friendly & PDF version 2.3
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Have you made any changes to the code since you posted the link? If so, update the link to the newer version of the workspace.

James Blogg
James Blogg
1,109 Points

Yea I have done a few extras:

https://w.trhou.se/x41vptn8v1