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 How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

I'm not on task 3 of 4 and getting error: Bummer! Did you set the display property to inline-block?

The instructions are: Select the list items inside the nav element and set their display to inline-block. The last time I was on 4 of 4 and I had to start over from 1 and now am stuck on 3. I have no idea what is wrong. I would appreciate help.

css/main.css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}
nav a { color: #fff; 
  font-weight: 800; 
  padding: 15px 10px; 
} 
nav ul { margin: 0 10px 0 10px; 
         padding: 0; 
         display: inline-block;
} 

h1 {
  font-family: Changa One, sans-serif;
  font-size: 1.75em;
  font-weight: normal
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

4 Answers

Andrew McBurney
Andrew McBurney
4,471 Points

I believe it wants you to select the nav li rather than the nav ul when adding in display: inline-block.

nav li { display: inline-block; }

Shawn Boyd
Shawn Boyd
14,345 Points

The previous parts of the challenge were asking you to style the unordered list inside the nav. This is asking about the list items inside the nav.

Your display: inline-block; property should be under a nav li, not under the nav ul.

Edouard Winia
Edouard Winia
3,257 Points

Hello Arlene,

without giving you the straight answer, let's say that the list element you are looking for is nested one level down in comparison to ul..

Hope this helps, Edouard

SY LOC
SY LOC
3,233 Points

Thank you all.