CSS CSS Layout Basics Controlling Layout with CSS Display Modes CSS Display Modes Challenge

challenge task 3 of 3

can anyone please help with challenge 3 of 3 the img question

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

header {
  text-align: center;
}
.logo {
  width: 110px;
  margin: auto;
} .main-nav,          .main-nav li   {
  display: inline-block;  

  padding: 10px 15px; }
index.html
<!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>

1 Answer

Yes thank you and I've figured out task 3 thank you very much

Steven Parker
Steven Parker
203,995 Points

RIf you don't need this question you can delete it, but you will need to delete this "answer" first.

Or if you think it might be helpful to other students, share your solution here and leave it.