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

Raeed Sabree
Raeed Sabree
10,664 Points

set the wrapper's width to 80% of the border width then use margina to center the wrapper in the browser

isnt that what i did?

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 center;
}

2 Answers

Robert Tyree
Robert Tyree
13,334 Points

Gotcha. Hm, have you tried this?

margin: auto;
Robert Tyree
Robert Tyree
13,334 Points

Hi there,

I think you might just be missing the semicolon after your width rule.

.container {
width: 80%;
Raeed Sabree
Raeed Sabree
10,664 Points

u got that the part that i dont get is that they just want me to center the margin

Raeed Sabree
Raeed Sabree
10,664 Points

u got that the part that i dont get is that they just want me to center the margin