CSS CSS Layout CSS Layout Techniques Display

Ulyssa Sneed
Ulyssa Sneed
6,025 Points

got the items inside .main-list side by side but still cant pass challenge??!!!

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

header {
  text-align: center;
}
.logo {
  width: 60px;
  margin: auto;
 }
.main-list
li {
display: inline-block; 
}
}
index.html
<!DOCTYPE html>
<html>
<head>
    <title>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="An illustration of a building">
            <ul class="main-list">
                <li><a href="#">Donuts</a></li>
                <li><a href="#">Tea</a></li>
                <li><a href="#">Coffee</a></li>
            </ul>
        </header>
    </div>
    </body>
</html>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, Ulyssa Sneed! Looks like you're doing terrific and you've understood the display property. However, your code contains an extra curly brace that is now at the bottom, and the li should be on the same line as .main-list.

It's expecting:

.main-list li {
  /* your display rule here */
}

Hope this helps! :sparkles: