Neighborhood Guide Thumbnails


#1

Hi,

I get the error message: Oops, try again. Add a <div class="thumbnail">..</div> and I can't see what I'm getting wrong. Could you point in the right direction?

<div class="neighborhood-guides">
    <div class="container">
        <h2>Neighborhood Guides</h2>
        <p>Not sure where to stay? We've created neighborhoold 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>
            <div class="col-md-4">
                <div class="thumbnail">
                <img src="http://goo.gl/Av1pac">
                </div>
                <div class="thumbanil">
                    <img src="http://goo.gl/vw43v1">
                </div>
            </div>
            <div class="col-md-4">
                <div class="thumbnail">
                    <img src="http://goo.gl/0Kd7UO">
                </div>
        </div>
    
</div>

#2

The /div that the arrow is pointing at is the problem. Can you see which <div> is its matching opening tag?


#4

Thanks - I see that is an unnecessary closing

, however I've removed it and it still doesn't accept it.

The tutorial doesn't show that images need a closing tag. An earlier image was submitted successfully without it.


#5

I see people bring this up every now and then but that closing tag is not needed on an img element.

From the W3C:

Void elements only have a start tag; end tags must not be specified for void elements.

Also, a more in depth description from the W3C about the syntax for a void element.

When learners are going through the Make a Website course, those specific words aren't used, but they are visually taught that here:
https://www.codecademy.com/en/skills/make-a-website/topics/html-elements/html-img


#6

Please show me your updated code.


#8

Except that the specs say "end tags must not be specified". It's that "must not" part that seems important..


#9

Understood once more. I will back down.


#10

Don't think of it like that, it is a good topic for new learners to hear about - "Evolution of HTML". They are going to see img tags as you have mentioned and if they haven't seen this yet they will wonder what that is all about.