Oops, try again. Add a <div class=“thumbnail”>..</div>


#1

I'm experiencing the same problem


Oops, try again. Add a <div class="thumbnail">..</div>
#2

Here's my coding

<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>

  <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>
  </div>

#3

If we look at the code for your first column:

<div class="col-md-4">
<div class="thumbnail">
<img src="http://goo.gl/0sX3jq">
</div> <!-- closes thumbnail -->
</div> <!-- closes col-md-4 -->

  <div class="thumbnail">
  <img src="http://goo.gl/an2HXY">
  </div>

You can see that you have closed your first column right after the first thumbnail. The exercise is expecting that column to contain two thumbnail divs.


#4

So in other words the images show be underneath each other?


#5

The HTML code for the second thumbnail div containing the image will be underneath the first thumbnail div. Is that what you mean? If you are talking about the preview window, where the images are in relation to each other will depend on your screen width.


#6

Here's a snapshot of what my website looks like thus far