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

MOHAMMED AHMED ALNAJAR
PRO
MOHAMMED AHMED ALNAJAR
Pro Student 6,810 Points

Did you add an opening <div> tag inside <body>?

Create a new rule that targets the span element inside .intro. Give the span element a bold font weight and an italic font style.

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>
  <div class="container">
            <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

Steven Parker
Steven Parker
177,711 Points

To enclose the content inside the body, the opening tag would need to be placed after <body> but before <header>. And the closing tag would come right before </body>, but after </footer>.