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

How can you add a div tag inside the header when there is already div tags there?

added and clased the div tags inside the bosy but it seemlike i ve gone wrong.

any help?

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>
    </div>
        <footer>
            <p>&copy;2015 Residents of The Best City.</p>
        </footer>
    </body>
</html>
style.css
/* Complete the challenge by writing CSS below */

2 Answers

Joey Bruijns
Joey Bruijns
33,921 Points

Hi Ben,

I think you need to let the “container” div end below the footer because you need to wrap the whole body inside the div for this challenge. In your code it ends below the div with the class “main”.

<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>
John Coolidge
John Coolidge
12,613 Points

Hello Ben,

It seems you have left out the footer by accident. Anything in the body tag needs to be wrapped in the div and that includes the footer (which doesn't seem like it's part of the body, but since it's inside the body tag, technically it is a part of the body).

As to your question in the heading of the post, div tags can be added all over the place, and you can have multiple div tags inside another element. You can even have div tags inside of div tags! If you're not careful, it can get pretty hairy with too many of them in your markup.

I hope that helps.

John