Four photos stacked on the left


#1

https://www.codecademy.com/en/courses/make-a-website/lessons/bootstrap/exercises/supporting-content?action=resume

The four photos are stacked above one another on the left hand side of the page.


  </section>
<section class="container">
    <div class="row">
    <figure class="col-sm-6">
    <p>kitchen</p>
      <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg"/>
    </figure>
  </div>
   <div class="row">
    <figure class="col-sm-6">
      <p>woodwork</p>
      <img src=https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/woodwork.jpg>
    </figure>
  </div>
  <div class="row">
    <figure class="col-sm-6">
      <p>gifts</p>
      <img src=https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/gifts.jpg>
    </figure>
  </div>
   <div class="row">
    <figure class="col-sm-6">
      <p>antique</p>
      <img src=https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg>
    </figure>
  </div>
</section>


#2

well, i would put two col-sm-6 in one row, so two rows total. Or even one row, if there is not enough room col-sm-6 will cause it to go to the "next line"

This is purely looking at your code


#3

Yes, you're right. I accidentally created 4 rows instead of two. Thanks.