7. Images 2


#1

Here is my code, i dont know whats wrong.

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

</div>

#2

in your first col:

<div class="row">
  <div class="col-md-4">
   <div class="thumbnail"> 
   <img src="http://goo.gl/Av1pac" /> </div><!-- this close the thumbnail -->
   </div><!-- this closes the col, oops, the second image should also be in the first col -->
    <div class="thumbnail"> 
    <img src="http://goo.gl/vw43v1" /> </div>
 </div>

see comments

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard