Supporting content section not formatting


#1


https://www.codecademy.com/en/courses/make-a-website/lessons/bootstrap/exercises/supporting-content
My layout is not appearing like the 4 x 4 pattern in the example. Instead it is inline vertically.


<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>Antiques</p>
        <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg" />
      </figure>
    </div>
  </section>


#2

Leave everything in one "row" div, maybe? That way they display side by side, which would be indicated by the Bootstrap col- class.


#4

Ah, brilliant! Got it to work now. Thank you so much for your help!

Cheers!


#5