7. Neighborhood Guides: Images 2


#1

Here is the section I am struggling with. Any help would be greatly appreciated. Thank you.

<div class="row">
    <div class=col-md-4>
        <div class="thumbnail">
    </div>
        <div class="thumbnail">
    </div>
</div>
    <div class=col-md-4>
        <div class="thumbnail">
        <div class="thumbnail">
    </div>
</div>        
    <div class=col-md-4>
        <div class="thumbnail">
    </div>
</div>


Neighborhood Guides: Images 2
#2

You are missing the img elements that should be inside your thumbnail div. Have a look at the screenshot that I posted earlier to see what I mean.

Put those in and then let's see where that gets us.


#3

I probably should have been specific in my problem. I received the Add a
thumbnail warning. I kept changing around the code looking at other suggestions but nothing has worked. I was told not to put the img elements in because it is for teaching purposes (no full code). Hopefully this will clear up any confusion. Thanks again.


#4

You have one thumbnail div that is missing its closing tag. It's the first one in the second column.


#5

Thanks! I had the same problem and your comment helped me to search into the right path


#6

I did add the closing tag to the first div class thumbnail in the second column and I received the "Add a second div class thumbnail" warning. I'm not sure where to add this second one.

My revised code (w/o img src)

<div class="row">
        <div class=col-md-4>
            <div class="thumbnail">
        </div>
            <div class="thumbnail">
        </div>
    </div>
        <div class=col-md-4>
            <div class="thumbnail">
            <div class="thumbnail">
        </div>
    </div>
</div>
        <div class=col-md-4>
            <div class="thumbnail">
        </div>
    </div>

Thank you


#7

Here is your second column. I've added some comments so that you will see where the problem is.

        <div class=col-md-4>
            <div class="thumbnail">
            <!-- this thumbnail needs a /div -->
            <div class="thumbnail">
        </div> <!-- closing thumbnail - good -->
    </div> <!-- closing col-md-4 - good -->
</div> <!-- closing row too soon - bad -->

#8

That worked! Thank you very much for all your help. It was greatly appreciated. Just finished up the exercise too. I'm really enjoying this.

Matt


#9

I'm glad to hear that! :green_heart:


#10

A post was split to a new topic: 7. Neighborhood Guides: Images 2