This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by Erik Stewart
over 8 years

8/9 [resolved] Add a div with the learn-more class, like this: <div class="learn-more">..</div>

    <!DOCTYPE html>
    <html>
    <body>

        <div class="nav">
        <div class"container">
    <ul>
        <li>Erik Stewart</li>
        <li>Browse</li>
    </ul>
    <ul>
        <li>sign up</li>
         <li>Log in</li>
        <li>Help</li>
      </ul>
     </div>
   </div>

  <div class="jumbotron">
    <div class="container">
   <h1>Find a place to stay</h1>
   <p>Rent from people in over 34,000 cities and 192 countries.</p>
    </div>
  </div>

 <div class="learn more"> 
    <div class="container">
  <h3>travel</h3>
    <p>From aprtments and rooms to treehouses and boats: stay in unique spaces in 192 countries></p>
    <p>
        <a href="#">See how to travel on Airbnb
    </div>
<div>
    <h3>Host</h3>
    <p>Renting out your unused space could pay your bills or fund your next vacation</p>
        <p>
            <a href="#">Learn more about hosting
    </div>
</div>
    <h3>Trust and safety</h3>
        <p>From Verified ID to our worldwide customer support team, we've got your back.</P>
        <p>
            <a href="#">Learn about trust an airbnb
        </div>
    </div>
    
  </body>
</html>

where do i put the div

Answer 55d652749376765c5e0002b9

0 votes

Permalink

HI Erik Stewart,

  • You’ve put the two new divs in the right place but you didn’t use the exact class name that the exercise is expecting.
  • Your Travel section needs an opening div tag.
  • It looks like you put a closing div tag instead of an opening one on your Host and Trust content.

Be careful and be aware of where every opening div tag’s matching closing tag is.

Keeping your matching open/close tags at the same indent level will help you see what you are building.

The pattern you are aiming for is:

<div class="learn-more">
  <div class="container">

    <div>
      ... Travel code in this div
    </div>

    <div>
      ... Host code in this div
    </div>

    <div>
      ... Trust code in this div
    </div>

  </div>  <!-- This closes the container div -->
</div>  <!-- This closes the learn-more div -->
points
Submitted by Judy
over 8 years

Answer 55d6566b93767636420003fb

0 votes

Permalink

thank you so much this helped a lot

points
Submitted by Erik Stewart
over 8 years

1 comments

Judy over 8 years

You’re welcome!