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

Set the wrappers width @ 80% and center margin? I wrote: .container { width: 80%; margin: center} ?????

What am I doing wrong?

My answer : .container { width: 80%; margin: center }

Repeatedly get Bummer! ....

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"> 
     .container {
  width: 80%; margin: center
}

        <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 */

2 Answers

calp
calp
9,669 Points

Instead of putting your CSS inside of the index.html file you need to put it inside of the style.css file which you have left empty. Also, setting the margin to center is not something that can be done. You need to set the left and right margins to auto to center the element.

/* Complete the challenge by writing CSS below */

Thank you!

I think I'm not fully awake yet ; )

Tony Soukkeo
Tony Soukkeo
5,747 Points

You would need to write you're CSS in the style.css that they have linked. And to center you want to have something like this> margin: 0 auto;