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

Mustafa Khan
Mustafa Khan
5,604 Points

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
Full Stack JavaScript Treehouse Moderator 130,279 Points

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:

1 Answer

Steven Parker
Steven Parker
119,883 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
Mustafa Khan
Mustafa Khan
5,604 Points

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

Steven Parker
Steven Parker
119,883 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).

Mustafa Khan
Mustafa Khan
5,604 Points

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