Challenge 2: Adding lists to a page (updated)

scrimba

Watch in fullscreen

by Kevin Powell

About

Comments

Notes

Challenge 2: Adding lists to a page (updated)

by Kevin Powell

Expand for more info

index.html

run

preview

console

<!DOCTYPE html>
<html>
    <head>
        <title>All about lizards</title>
    </head>
    <body>
        <header>
            <h1>All About Lizards</h1>
        </header>
        
        <main>
            <section class="main-content">
                
                <h2>Lizards are awesome</h2>
                <p>Lectus diam adipiscing faucibus consequat, auctor molestie a mauris. Cras libero risus ut enim, in purus tellus scelerisque. Nibh mattis dignissim lorem morbi molestie. Mauris elit at sociis varius leo, facilisis convallis quis. Facilisis velit, eget dolor sit arcu rhoncus urna quisque.</p>
                
                <!-- insert the unordered list here -->
                
                <p>Adipiscing dui ultricies integer interdum mattis convallis diam nascetur. Aliquet vel egestas egestas a, eget amet consectetur. Sodales velit volutpat eget eget fames elit consectetur. Lectus aenean nulla diam pellentesque pellentesque duis pulvinar malesuada. </p>
            </section>
            
            <aside class="sidebar">
                <h2>Best lizards for pets</h2>
                <!-- insert the ordered list here -->
                
            </aside>
        </main>
        
    </body>
</html>

</head>

<body>

<h1>All About Lizards</h1>

</header>

<main>

<h2>Lizards are awesome</h2>

<p>Lectus diam adipiscing faucibus consequat, auctor molestie a mauris. Cras libero

risus ut enim, in purus tellus scelerisque. Nibh mattis dignissim lorem morbi

molestie. Mauris elit at sociis varius leo, facilisis convallis quis. Facilisis

velit, eget dolor sit arcu rhoncus urna quisque.</p>

<p>Adipiscing dui ultricies integer interdum mattis convallis diam nascetur.

Aliquet vel egestas egestas a, eget amet consectetur. Sodales velit volutpat eget

eget fames elit consectetur. Lectus aenean nulla diam pellentesque pellentesque

duis pulvinar malesuada. </p>

</section>

<h2>Best lizards for pets</h2>

</aside>

</main>

</body>

</html>

<head>

<title>All about lizards</title>

-1:55