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 CSS Layout Basics Controlling Layout with CSS Display Modes CSS Display Modes Challenge

Posted by anthony cummings
anthony cummings
9,961 Points

CSS Layout Block and in-line Quiz!: question #2.

I keep getting an answer to question #2 that question 1 is "Not Passing" . However when I got back it tells me question #1 is correct. This is my code:

header {

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

.main-nav {

display: inline-block;

}

style.css 
/* Complete the challenge by writing CSS below */

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

.main-nav {

  display: inline-block;

}
index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Getting Started with CSS Layout</title>
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
</head>
    <body>
    <div class="container">
        <header>
            <img class="logo" src="city-logo.svg" alt="logo">
            <ul class="main-nav">
                <li><a href="#">Ice cream</a></li>
                <li><a href="#">Donuts</a></li>
                <li><a href="#">Tea</a></li>
                <li><a href="#">Coffee</a></li>
            </ul>
        </header>
    </div>
    </body>
</html>

2 Answers

stjarnan
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
stjarnan
Front End Web Development Techdegree Graduate 56,488 Points
stjarnan
.a{fill-rule:evenodd;}techdegree seal-36
stjarnan
Front End Web Development Techdegree Graduate 56,488 Points

Hi Anthony,

The challenge asks you to first style the list items within main-nav, on the second task the challenge wants you to style the main-nav div itself.

If you get that message there is a chance you are removing the li part of your code on the second task. Make sure to add to your code and not remove from it. When I look at your code I can see that you have removed the code from the first task. Put that back and continue from there :)

I hope that helps

Jonas

Sharif Ahmed
Sharif Ahmed
11,629 Points
Sharif Ahmed
Sharif Ahmed
11,629 Points

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

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

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