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

HTML How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Posted by David Keller
David Keller
6,309 Points

after adding the nav from this section, my site goes wonky. what is wrong?https://teamtreehouse.com/workspaces/9801552

after adding the nav from this section, my site goes wonky. i have deleted and added this several times with the same result. any suggestions as to what is wrong?https://teamtreehouse.com/workspaces/9801552

Unsubscribed User
Unsubscribed User
8,841 Points

we cannot access your workspace to help you.

In the workspaces you just need to click the button to save the snapshot and share the link in the forums.

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

Welcome to Treehouse!

Unfortunately, direct links to workspace don't work, as they are tagged to you.

You'll need to re-post your workspace using workspace snapshots. You can find this in the top-right of your workspace as an icon that looks like a camera. That generated link will let us see your current workspace.

Once you've posted your code, someone should be able to help! :)

David Keller
David Keller
6,309 Points

https://w.trhou.se/xeli9rymvb

1 Answer

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

It looks like you're missing a couple of semi-colons in your main.css file, which is probably what's causing the majority of your issues. There were also one or two other minor syntax errors.

#wrapper {
  margin: 0 auto; /* added semi-colon here */
}

nav {
  padding: 10px 0; /* added semi-colon here */
  margin: 20px 0 0; /* added semi-colon here */
}

h1 {
  font-family: 'changa one', sans-serif; /* added semi-colon here */
}

nav ul {
  margin: 0; /* changed from 'none' to 0 */
}

/* added header section that you seem to be missing */
header {
  float: left;
  margin: 0 0 30px 0;
  padding: 5px 0 0 0;
  width: 100%;
}

I think that should solve most of the styling problems.

Unrelated to your styling, I noticed that all of your image links are linking to 'ing' instead. Probably just a typo that was copy-pasted, but you may want to change that as well. 

  <a href="ing/numbers-12.jpg"> <!-- These links won't link correctly to your img folder. -->
David Keller
David Keller
6,309 Points

Thank you so much rydavim. It would have taken me a while to find that. appreciate your time.