Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

"About" wrapping under "Contact" a few pixels after the 660px width, then wraps correctly when browser width is extended

https://w.trhou.se/6x4g1nw8a9

Is anyone having the same issue? I played the video very slowly and it doesn't seem Nick is having the same issue.

You can see the title description here: http://imgur.com/a/1VTVo

I realized that, and I don't know why, my question is not under the "Questions" regarding the video lesson. But it is from the course "How to Make a Website" > "Adjust the Profile Page and Header" with Nick Pettit. The doubt in question happens around the 3' mark. Nick types the code for the <nav> element but when resizing the browser, he doesn't have the issue that I get.

I can come out with the code correction (width 55% for the <nav> and 35% for the #logo) but I'd like to fully understand why, for the same code (if I didn't do any typo) Nick has a different outcome than me. I have the issue in different browsers...

Can someone help me, please?

Amrit Pandey
Amrit Pandey
17,595 Points

I had some issue with that video as well. But over the time I learned that my code was inefficient and some minor bugs. It is just probably the practice thing. Reverse engineer the code, you will find the problem.

4 Answers

Cory Harkins
Cory Harkins
16,499 Points

Please post your HTML and CSS mark up, so we can figure this out! :)

Hi Cory, my HTML and CSS can be found here: https://w.trhou.se/6x4g1nw8a9

Tell me if you cannot see it, I'm still learning these things and I'm not very experienced in the Community.

Thank you, Amrit, for trying to help. It makes sense what you are saying, however, as I said, I would like to understand why am I having a slightly different result than Nick, if I copied correctly his code throughout the lessons.

Again, I know how to correct it, but I really would like to understand why Nick didn't have the behavior that I pointed. Maybe there was a detail in the code that I copied wrongly, but I'm not being able to detect it.

Cory Harkins
Cory Harkins
16,499 Points

After studying your mark up and css, and previewing the site with the workspace provided. I cannot find any issues/conflicts that hinder the performance/responsiveness of the site.

My web-instructor from school used to mention that sometimes CSS will get stored in the cache, and not resolve any new CSS changes for some time. Not entirely sure I believe it (just because I haven't seen it); however, I'm not one to just write it off completely.

Sorry if this doesn't help. If it counts, you did good on the site!

Thank you, but it's not my credit. I just copied the code as I was following the course, so it's Nick's job :)

It makes sense the cached CSS issue, however I ruled it out as I tested in different browsers and experienced the same issue in all of them. Thanks anyway :)

Cory Harkins
Cory Harkins
16,499 Points

I know people who can destroy box meals, even trying to follow the directions on the box.

(me) lol