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 trialnico dev
20,364 PointsProfile picture's margin to the text not respected when resizing screen and floating image to the left.
Hello everyone,
After watching this video, I've been shocked since I think I've followed through quite close all along, but when I float the profile picture to the left, for some reason the margin to the right (should be 5%) doesn't work. If you check the preview of the snapshot I linked here, you'll notice how the text is together with the image.
I'm sure I could create a class, assign it to this h3 and p and that should be it, but what makes me curious is why the teacher can do it perfectly and me not? There has to be something wrong on mine, but I've spent days searching and can't spot it.
Please help! Thanks!
2 Answers
katerogers
6,479 PointsHi Nico, Thanks for posting a snapshot of your workspace, that really helps. I see you're missing a colon on line 38 in responsive.css, should be
margin: 0 5% 80px 0;
Good luck with the rest of your project!
nico dev
20,364 PointsIt's obvious that I did need another pair of (expert) eyes on this, because I was fooling mine! :)
I really, really can't thank you enough, Kate Rogers. Spot on!
nico dev
20,364 Pointsnico dev
20,364 PointsNot sure if the snapshot works?
Just in case it doesn't, these are the relevant files:
The about.html:
The main.css (in my case, "styling.css"):
And finally, the responsive.css:
Thanks in advance for any and all help and insight you can provide! Nico