Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Posted by skehrt
skehrt
7,271 Points

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
10,317 Points
calp
calp
10,317 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 */
skehrt
skehrt
7,271 Points

Thank you!

I think I'm not fully awake yet ; )

Tony Soukkeo
Tony Soukkeo
8,170 Points
Tony Soukkeo
Tony Soukkeo
8,170 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;