Images different sizes AND getting OOPS add a thumbnail error


#1

Sorry in advance as I didn't see how to get this in here without doing new topic. Anyhow... Here is my code:

<div class="neighborhood-guides">
  <div class="container">
    <h2>Neighborhood Guides</h2>
        <p>Not sure where to stay? We've created neighborhoood guides for cities all around the world.</p>
        <div class="row">
        <div class="col-md-4">
         <div class="thumbnail">
           <img src="http://goo.gl/0sX3jq">
         </div>
         
         <div class="thumbnail">
            <img src="http://goo.gl/an2HXY">
         </div>
        
         <div class="col-md-4">
           <div class="thumbnail">
            <img src="http://goo.gl/Av1pac">
        </div>
        
        <div class="thumbnail">
           <img src="http://goo.gl/vw43v1">
        </div>
                  
        <div class="col-md-4">
         <div class="thumbnail">
           <img src="http://goo.gl/0Kd7UO">
         </div>

Still, I'm getting the same two errors. I'm very new to this - two days and this is the first point at which I really don't know what's wrong and can't seem to figure it out for myself.

Any help would be most gratefully appreciated!


#2

You did it just like you should have. Multiple, "why doesn't my code work" in one thread gets messy really fast.

Your images are different sizes because you have nested them inside each other, making each subsequent column small as it squishes into the previous.

If you don't want nested columns, you will have to close each column with at /div tag before you begin the next column.

Do you see how that works now?