CSS CSS Layout Basics Getting Started with CSS Layout Layout Wrapper Challenge

Mona Jalal
Mona Jalal
4,302 Points
Posted by Mona Jalal
Mona Jalal
4,302 Points

why my code doesn't work?

/* Complete the challenge by writing CSS below */

.container { width : 80%; margin: auto; }

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>
            <h1>Best City Guide</h1>
        </header>

        <div class="main">
            <h2>Welcome!</h2>
            <p>Dessert toffee chocolate lollipop fruitcake cake sweet. Pudding cotton candy chocolate pudding liquorice jelly marzipan. Muffin gummies topping lollipop. Caramels chocolate cake donut liquorice.</p>
            <p>Cake sesame snaps sweet tart candy canes tiramisu I love oat cake chocolate bar. Jelly beans pastry brownie sugar plum pastry bear claw tiramisu tootsie roll.</p>
        </div>

        <footer>
            <p>&copy;2015 Residents of The Best City.</p>
        </footer>
    </div>
    </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */

.container {
  width : 80%;
  margin: auto;
}

1 Answer

Charrice Finks
Charrice Finks
1,859 Points
Charrice Finks
Charrice Finks
1,859 Points

You have a gap between the "width" and colon. Reduce the whitespace. You can space properties and its values on any program language but not on stylesheets.