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 Adding Pages to a Website Style New Pages

Magdalena Kreps
Magdalena Kreps
1,949 Points
Posted by Magdalena Kreps
Magdalena Kreps
1,949 Points

How do I add space between the profile picture and the nav menu?

After adding "clear: both" like the teacher's notes suggested, "margin-top: 20px"on the profile picture changes nothing and "padding-top: 20px" changes the shape of the border-radius effect.

How can I add spacing between those two?

I am using the latest Firefox browser.

7 Answers

Wilfredo Laboy
Wilfredo Laboy
2,019 Points
Wilfredo Laboy
Wilfredo Laboy
2,019 Points

Do you have the code for it? I am assuming the profile picture is below your navigation. I am still new also but I will try and help out.

dpjvanvalderen
dpjvanvalderen
6,081 Points
dpjvanvalderen
dpjvanvalderen
6,081 Points

You are probably targeting the wrong part of the html. But that is just a guess.. Could you send your code in here? https://teamtreehouse.com/forum/posting-code-to-the-forum

Logan Eppley
PLUS
Logan Eppley
Courses Plus Student 26,697 Points
Logan Eppley
Logan Eppley
Courses Plus Student 26,697 Points

Please submit your code. Please also refer to the box model here (http://www.w3schools.com/css/css_boxmodel.asp)

Magdalena Kreps
Magdalena Kreps
1,949 Points
Magdalena Kreps
Magdalena Kreps
1,949 Points

You can see my code here: http://codepen.io/anon/pen/rjthd I hope codepen is alright!

Wilfredo Laboy
Wilfredo Laboy
2,019 Points
Wilfredo Laboy
Wilfredo Laboy
2,019 Points

Hey Magdalena, So after looking at your code, I just added padding to your css tab under your Page:about

.profile-photo{
  display: block;
  max-width: 150px;
  margin: 30px auto 30px;
  border-radius: 100%;
  padding: 30px;
}

And that added some spacing between the Nav links and your profile picture. I hope that helps!

Logan Eppley
PLUS
Logan Eppley
Courses Plus Student 26,697 Points
Logan Eppley
Logan Eppley
Courses Plus Student 26,697 Points

Wilfredo nailed it.

Magdalena Kreps
Magdalena Kreps
1,949 Points
Magdalena Kreps
Magdalena Kreps
1,949 Points

yay, it's working now! thank you for the quick help. now I also see my mistake in the code.