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 trialanthony cummings
9,961 PointsCSS 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;
}
/* Complete the challenge by writing CSS below */
header {
text-align: center;
}
.logo {
width: 110px;
margin: auto;
}
.main-nav {
display: inline-block;
}
<!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
Front End Web Development Techdegree Graduate 56,488 PointsHi 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
11,629 Pointsheader { text-align: center; } .logo { width: 110px; margin: auto; }
.main-nav li { display: inline-block; }
.main-nav { display: inline-block; }