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

Greg Stephen
Greg Stephen
11,599 Points

Having trouble setting width of container

Can’t figure out why my code does not work.

.container{ width = 80%; margin = 0 auto; }

It says that I did not set my width.

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 = 0 auto;
}

1 Answer

Max S.
Max S.
Front End Web Development Techdegree Student 4,612 Points

Hello,

Your CSS is not written properly. please check I have rewrite your CSS code and compare that with your code.

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

Thanks!

Greg Stephen
Greg Stephen
11,599 Points

Thanks! I shouldn’t have started working before my coffee this morning haha