CSS CSS Layout Basics CSS Layout Project Adding Media Queries for Large Screens

Where did I mess up?

I pretty much copied guil's code in desperation, the navigation elements and the name are not being displayed correctly. My code: https://teamtreehouse.com/workspaces/34530422#

Jennifer Nordell
Jennifer Nordell
Treehouse Moderator

Hi there! Unfortunately, the link to your workspace that you've provided is private to you. We cannot open it. There is, however, a way for you to share your workspace with us so that we can fork it and have a look around. On the upper right hand side of your workspace you'll find an icon that looks like a camera. This will allow you to take a snapshot of the workspace. Link that back to us and we'll take a look! :sparkles:

okay, here you go: https://w.trhou.se/ekjjq7bvvz

1 Answer

Steven Parker
Steven Parker
153,097 Points

I don't see any significant differences between what your workspace displays and the video.

But I did spot a few minor differences in the CSS:

  • on line 118 you have "margin-right" but the video shows "margin-left"
  • on line 123 you have "margin: auto;" but the video shows "margin: 0 auto;"
  • on line 125 the comment is missing the "/*" to begin and "*/" to end it

yes, but can you explain why the navigation menu is not being displayed correctly? I fixed the things you mentioned.

Steven Parker
Steven Parker
153,097 Points

It looks like the video. I suspect this video ends with the construction in an intermediate state which will be completed in the next video(s).

It turned out that I didn't apply the clear fix class to the div wrapper of the header and navigation.