Whats wrong with my code ? Oops, try again. Add a <div class="thumbnail">..</div>


#1
    <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 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>
        
        <div class="col-md-4">
            <div class="thumbnail">
            <img src="http://goo.gl/0Kd7UO">
        
        </div>
    </div>

7/14 Error....Oops, try again. Set the src attribute of your thumbnail image to be "http://goo.gl/Av1pac"
#2

Hi jelliott1985,

  • your second thumbnail is missing its /div
  • your first column is missing its /div

Do you see what I mean?


#3

hi i tried that but no have a new problem
Oops, try again. Set the src attribute of your thumbnail image to be "http://goo.gl/Av1pac".

    <div class="row">
        <div class="col-md-4">
        <div class="thumbnail">
            <img src="http://goo.gl/0sX3jq">
        </div>
        </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>
        
        <div class="col-md-4">
            <div class="thumbnail">
            <img src="http://goo.gl/0Kd7UO">
        
        </div>
    </div>

#4

The code checker is having trouble finding your thumbnails because you've closed your first column after the first thumbnail instead of after the second. That an2HXY thumbnail is just sitting there between the first and second columns.


#5

I am getting the same error. I did not understand how to apply your solution. Can you be little clear as to how I should correct the code. Thanks.


#6

HI devpro73494,

In jelliott1985's code, the problem is here:

<div class="col-md-4">
    <div class="thumbnail">
        <img src="http://goo.gl/0sX3jq">
    </div>
</div> <!-- this tag is ending the column too soon -->
        
    <div class="thumbnail">
         <img src="http://goo.gl/an2HXY">
    </div>
<!-- the column should end here -->

#7

Hi

I am getting the same error message but I'm sure I've closed my columns correctly.

Here is my code:

<div class="neighborhood guides">
    <div class="container">
        <h2>Neighborhood Guides</h2>
        <p>Not sure where to stay? We've created neighborhood 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>
            
            <div class="col-md-4">
            
            </div>
            <div class="col-md-4">
                
            </div>
        </div>
    </div>
</div>

Can you please help me spot my error?


#8

You are missing the hyphen there.


#9

oh that's what it was!! I knew it was going to be something simple like that. Thanks for your help.