CSS add div thumbnail problem


#1

hey, i am back with another problem xD..

My codes:

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

Before opening a new div col-md-4 first close the previous div


#3

I did?

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

#4

That closes the div thumbnail and you need to close it after the second thumbnail..


#5

So.

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

#6

No one closing tag after the first thumbnail

Before you need to close the div col-md-4 after the second thumbnail

So:

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

#7

Still dont understand why putting two end div in.. HTML is confused sometimes xD


#8

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

    <div class="thumbnail">
      <img src="http://goo.gl/an2HXY" />
  </div> <!--This tag closes the second div thumbnail  -->
</div> <!-- This tag closes div col-med-4 -->

If you read in your instructions it says add two thumbnails in the first col-med-4


#9

Ahhhh! Now i understand :smiley: Thank u!


#10

Sure np, happy coding