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 santhosh bondugula
santhosh bondugula
Courses Plus Student 294 Points

I am unable to find where i have to keep this wrapper div

I am unable to find where i have to keep this wrapper div

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>

        <header>
            <h1>Best City Guide</h1>
        </header>
  <div id="wrapper>
        <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>
                     </div>
        <footer>
            <p>&copy;2015 Residents of The Best City.</p>
        </footer>

    </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */

4 Answers

Tushar Singh
PLUS
Tushar Singh
Courses Plus Student 8,692 Points
Tushar Singh
Tushar Singh
Courses Plus Student 8,692 Points

Place a div element in your body, basically everything in your body should be in a "div" element with a class"container"

<body>
 <div class="container">
</div>
</body>
Farid Wilhelm Zimmermann
Farid Wilhelm Zimmermann
16,753 Points
Farid Wilhelm Zimmermann
Farid Wilhelm Zimmermann
16,753 Points

I noticed that you have a quotation mark missing, right behind you <div id="wrapper">.

Apart from that, the wrapper div is normally used as a container, to center the main part of a website, therefore you should try to keep it around your .main class div.

Mark Pryce
Mark Pryce
8,804 Points
Mark Pryce
Mark Pryce
8,804 Points

You need to open it just after the body tag and close it just before the closing body tag to "wrap" all your content

<body>
<div class="container">
   Content.....
</div>
</body>

Happy coding.

santhosh bondugula
PLUS
santhosh bondugula
Courses Plus Student 294 Points
santhosh bondugula
santhosh bondugula
Courses Plus Student 294 Points

Thanks