CSS CSS Layout CSS Layout Techniques Display

Larissa Ragland
Larissa Ragland
3,309 Points

keeps asking me to Use a descendant selector to target <li> elements inside .main-nav.

I really do not know this one. i have tried or days. i give up and am asking for help!

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

header { 
  text-align: center; } 

.logo { width: 110px; margin: auto;
}

.main-nav 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>
Zaid Khan
Zaid Khan
12,501 Points

Can you post the link to the challenge? let me see what's wrong

1 Answer

Zaid Khan
Zaid Khan
12,501 Points

It's .main-list

Larissa Ragland
Larissa Ragland
3,309 Points

i tried that too with no luck. maybe i am putting it in the wrong spot?