Stuck on "Neighborhood Guide: Images 2"


#1

Can you find the error(s) in the code excerpt below? I'm stuck at this step and can't seem to find any typos, missing /divs, nesting an element in the wrong place, et cetera. Any advice/help would be greatly appreciated!

    <div class="row"> 
        <div class="col-md-4">
            <div class="thumbnail">
            <img src="Mexico City">
        </div>
            <div class="thumbnail">
            <img src="image">
        </div>
    </div>
</div>

<div class="learn-more">
  <div class="container">
    
    <div class="row" 
	<div class="col-md-4">
	    <div class="thumbnail">
	    <img src="image">
	    </div>
	    <div class="thumbnail">
	    <img src="image">
	    </div>
      <div>
		<h3>Travel</h3>
		<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
		<p><a href="#">See how to travel on Airbnb</a></p>
      </div>
    <div class="row">
	<div class="col-md-4">
	    <div class="thumbnail">
	    <img src="image">
	    </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</a></p>
	  </div>
	 <div class="row" 
	 <div class="col-md-4"> 
	     <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 at Airbnb</a></p>
	  </div>
    </div>
  </div>
</div>


#2

@arrayace75833,
You must understand the functionality of the Bootstrap environment....
http://v4-alpha.getbootstrap.com/layout/grid/

<div class="learn-more">
  <div class="container">
     <div class="row">
       <div class="col-md-4">
          <div class="thumbnail">
               <img src="image">
          </div>
          <div class="thumbnail">
               <img src="image">
          </div>
          <div>
               <h3>Travel</h3>
               <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries</p>
                <p><a href="#">See how to travel on Airbnb</a></p>
           </div>
       </div> <!-- End of first 4-Column -->

	<div class="col-md-4">
	    <div class="thumbnail">
	       <img src="image">
	    </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</a></p>
	    </div>
       </div> <!-- End of 2nd 4-Column -->

       <div class="col-md-4"> 
            <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 at Airbnb</a></p>
            </div>
       </div> <!-- End of 3th 4-Column -->

    </div> <!-- end of ROW class -->
  </div> <!-- end of CONTAINER class -->
</div> <!-- end of LEARN-MORE class -->

Error Message Add a second <div class="thumbnail">...</div>
#3

@arrayace75833,

I think it is better, if one understands the concept.

It all start's with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.

This document has a minimal build of


<!DOCTYPE html>
  <html>
     <head>
          <title> </title>
     </head>
     <body>
     </body>
  </html>

The Browser =load's= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )

            html
             |
       +-----+------+
       |            |
     head          body
       |
     title

In the description of your document in DOM-talk...
you will encounter terms like:
parent children sibling descendants ascendants...

The HTML-Element has no parent
but is a parent to 2 child-Element's
the 'head'-Element
and
the 'body'-Element.

The 'head'- and 'body'-Element,
both being children to the 'html'-Element
are siblings to each-other.

The 'head'-Element is parent to the 'title'-Element...
the 'title'-Element is a child of the 'head'-Element
the 'title'-Element is also a descendant of the 'html'-Element.

The DOM has several interface's
over which you can access the data**/**information
held by the DOM.

One of the interface's is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it's associated VALUE )
and
methods ( giving you the functionality to manipulate the Elements )
https://developer.mozilla.org/en-US/docs/Web/API/Element
https://developer.mozilla.org/en-US/Learn/HTML/HTML_tags


#4

thank you for your help I would learn more