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 Styling Web Pages and Navigation Style the Portfolio

Posted by Kevin Maldjian
Kevin Maldjian
1,162 Points

Website is not looking like the example.

So I have been following along and everything seemed to be working until we added the two columns and the margins, for some reason the code is not working. I must have messed up something along the way however I do not have enough experience coding in HTML or CSS to find the problem.

Here is a snapshot of my workstation.

http://w.trhou.se/3ebj1spd8r

Thank you.

2 Answers

Max Kutner
Max Kutner
7,595 Points
Max Kutner
Max Kutner
7,595 Points

Hi,

Are you referring specifically to the footer appearing in a bad spot? I added some display and width rules which fixed that.

footer {
  font-size: .75;
  text-align: center;
  padding-top: 50px;
  color: #ccc;
  display: inline-block;
  width: 100%;
}

Also, for the nav items, they'll need to be called with the selector 'nav li' in order for certain styles to appear. Hope that helps!

Best, Max

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

I've changed your comment to an answer so that it may be voted on or marked as best answer. I've also added some code formatting. You can do this using the following markdown.

Posting Code on the Treehouse Forums

Faith Pena
Faith Pena
4,025 Points
Faith Pena
Faith Pena
4,025 Points

I'm having the same issue. My code looks just like yours.