CSS CSS Layout CSS Layout Techniques Display

Masha Shtikel
Masha Shtikel
1,323 Points

Display the list items inside .main-list side by side. Use the display value that generates a block element that flows w

/* Complete the challenge by writing CSS below */

header {
  text-align: center;
.logo {
  width: 60px;
  margin: auto;
.main-nav li{
  display: inline:block;
<!DOCTYPE html>
    <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">
    <div class="container">
            <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>

1 Answer

Jamie Moore
Jamie Moore
3,595 Points

Hey Masha,

You're so close to solving this, but you're just using a tiny bit of incorrect syntax. You currently have display: inline:block;, but it should read display: inline-block;. The syntax is a dash, rather than a colon.

Hope this helps!