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

CSS

Build a responsive website - Adaptive Design - video and download files inconsistencies

Help me out please guys and gals. I'm just going over the Adaptive Design sections, and appear to have either confused myself, downloaded the incorrect files, or found something amiss.

Within the downloaded project files, the nav element is given the following

<ul class="nav">

However the video shows the following:

<ul id="nav">

When trying to apply the CSS media query for the iPhone, and stating the nav elements, copying the video content, it then becomes inconsistent to what has been given in the download files, and therefore doesn't work correctly when downsizing the browser. The 'Contact Us' menu item was what brought this to my attention.

Anyone else found this? Or is it a known issue? Or have I misread/incorrectly downloaded the correct project files for this section?

3 Answers

Ben - It's always a good idea to download the project files at the start of every course to avoid any such inconsistencies.

OK, Appears that the project files changed somewhere. I was using the 'Websitewaters-island01-stage01' files, which I thought were the same files needed for the later sections? However, downloading the 'SmellsLikeBakin-Stage3' appears to show the correct code for the nav

<ul id="nav">

This will mean the CSS now functions.....Odd how the initial project files were different though.

Lesson learnt for sure!

Started the next section, interactive design, and the jump into jquery seemed non self explanatory so started the Javascript foundation track. Seemed a bit disjointed at that stage.