8. Wrap with a div help


#1

Wrap with a div

As before, let's group all three pieces of supporting content with divs, like this:

<div class="learn-more">
  <div class="container">
    <div>
      <h3>Travel</h3>
      ...
    </div>

    <div>
      <h3>Host</h3>
      ...
    </div>

    <div>
      <h3>Trust and Safety</h3>
      ...
    </div>
  </div>
</div>

Instructions

Wrap all pieces of supporting content with two divs, like in the example above. Give the outer div a class="learn-more" and the inner div a class="container".

Where am I supposed to put this piece of code? exactly? Instructions are unclear and confusing and it always give me the red error box where ever I put the code. -Jay


#2

You have twice before wrapped your code in a div with its container.

In exercise 3, you wrapped your two lists in nav and its container.
In exercise 5, you wrapped your h1 and p elements in jumbotron and its container.

Now you are being asked to wrap the three divs that you just finished writing in exercises 6 and 7.

  • find your Travel, Host and Trust content.
  • put the opening tags for learn-more and its container on the line before the div that contains the Travel content
  • put the closing /div tags for learn-more and its container on the line after the div the contains the Trust content.