CSS CSS Layout CSS Layout Techniques Display

Larissa Ragland
Larissa Ragland
6,053 Points

yes it me again i am not sure why this isn't working.

trying to get main-list selecting the list items inside '.main-list'.

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

header {
  text-align: center;
}
.logo {
  width: 60px;
  margin: auto;
}
li.main-nav {
  display:inline-block;
}
 .main-list {
    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

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

Hey Larissa Ragland you'll have to add the tag name of the element you want to select to the selector after the class name like

 .main-list _tagNameHere__ {
    display: inline-block;

}