CSS CSS Layout CSS Layout Techniques Display

Chelsea Chosta
Chelsea Chosta
3,477 Points

Make sure you're using the correct 'display' value.

What am i doing wrong?

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

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


.main-list li{

  display: initial;


}
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>

2 Answers

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

Hey Chelsea Chosta you're setting display to initial but make sure to set it to the value that makes it a block that flows with surrounding content

I am doing this way? where am I wrong..

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

Kamal Ghimire
Kamal Ghimire
8,739 Points

/* Complete the challenge by writing CSS below */

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

.main-list li{

display: inline-block;

}

This work makes sure you refresh your browser page if it's not working.