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

Posted by Ben Campbell
Ben Campbell
652 Points

Build a simple website [creating a website structure]: working with grids help.

I was on the last minute of the tutorial when I ran into a problem. The copyright was on the top of the page instead of the bottom. In the video it looks like the webpage we were making has more of a margin at the bottom than mine. Does that mean that it was bumped up because there wasn't enough space for it?

code

The code also has normalize in the css even though you can not see it.

screenshot

kind regards, Ben

2 Answers

Cameron Cottle
Cameron Cottle
13,742 Points
Cameron Cottle
Cameron Cottle
13,742 Points

At first glance it appears you have a space between grid and _12 on line 66 removing it should fix your issue.

Ben Campbell
Ben Campbell
652 Points

I did that but it still shows the copyright on the top. Thanks for answering anyway :)

Cameron Cottle
Cameron Cottle
13,742 Points

Of course, do you have an updated copy that I can take a look at?

Ben Campbell
Ben Campbell
652 Points

I think the problem is the link tag in my code for normalize :)

Ben Campbell
Ben Campbell
652 Points

I do have an updated copy in the original post.

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Once you fix the issue with the class name grid_12 your codepen formatting looks fine. So that leads me to believe that the path in your <link> tag is the issue, try using relative paths instead.

I did however notice a few issues with your HTML according to the W3C's HTML5 validator

  • 2 unclosed tags
    • <head>
    • <div id = "Contact Us">
  • 2 ids with spaces in their names
    • featured cupcake
    • Contact Us
Ben Campbell
Ben Campbell
652 Points

When I put it in the w3c html validator I got the same errors that you did, but when I looked over my code I had all of the close tags. Thank you for bringing up the link problem, now I think it was the normalize css file that wasn't working right with the link because I have used the grid file with no problems :)

James Barnett
James Barnett
39,199 Points

when I looked over my code I had all of the close tags

The tags are definitely improperly closed, and trying to style invalid HTML using CSS can lead to unpredictable results.

Ben Campbell
Ben Campbell
652 Points

I found the problem to my code and got it validated. This leads me to believe that my link for the css normalize doesn't work. The way I got this link was by putting it into my text editor and the running it in my browser. Then I copied and pasted the url in my code. Am I doing something wrong?