Not sure where I went wrong. Or what it's asking me...

The question is asking you to place all list items on the same line instead of each list item on its own line. It is also asking for the list items to have block properties. This calls for the "inline-block" display value. This allows each list item to appear on the same line whilst also having block properties.

The correct code would be:

.main-nav li { display: inline-block; }

Challenge Task 2 of 3

The <ul> with the class main-nav is a block-level element by default, so it takes up the full width of its container. Let's set .main-nav to be as wide as the content inside it.

Change the display of .main-nav to the display value that generates a block element that doesn't take up a full line.

^^^^ Im troubled at the step 2 of 3. I got the inline-block part. But now I dont even know what its asking

It's looking for this:

.main-nav li {
  display: inline-block;
}

Friendly reminder, you can always go back and review the lesson by clicking the appropriate section across the top of the content.

It is basically asking for the .main-nav class to also be inline-block. It is requesting a block element (block display value) that also doesn't take up the full line (inline), therefore the display value must be inline-block.

.main-nav { display: inline-block; }

should get a pass

It's asking you change the .main-nav to be inline-block in addition to the list items.

.main-nav,
.main-nav li {
  display: inline-block;
}

Okay this got me past. Stack this -_-

Thanks guys.

he <ul> with the class main-nav is a block-level element by default, so it takes up the full width of its container. Let's set .main-nav to be as wide as the content inside it. Change the display of .main-nav to the display value that generates a block element that doesn't take up a full line.

header { text-align: center; } .logo { width: 110px; margin: auto; }

.main-nav li{ display:inline-block; }

.main-nav{ display: inline-block; }