My 4 img pics are smaller than the first one. It doesn't look like the hint


#1

<Below this line, add a link to the exact exercise that you are stuck at.>

<Describe the problem. Which error message are you seeing?>

```

Homemade Goods

This Year's Best

See all

kitchen

woodwork

gifts

antiques

Skillfair

newest

catalogue

contact

Replace this line with your code. Do not remove the backticks.
<do not remove the three backticks above>

#2

@jkm345,

<section class="jumbotron">
  <div class="container">
    <div class="row text-center">
      <h2>Homemade Goods</h2>
      <h3>This Year's Best</h3>
      <a class="btn btn-primary" href="#" role="button">See all</a>
    </div> <!-- missing -->
  </div>
</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>
    <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> <!-- </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>
    <!-- </figure> -->
    <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><!-- </figure> -->
   </div>
</section>
<!-- -------------------------------------------------- -->
<div class="row">
      <h1 class="col-sm-4">Skillfair</h1>
     <nav class="col-sm-8 text-right">
        <p>newest</p>
        <p>catalogue</p>
        <p>contact</p>
     </nav>
</div>
</header>
</body>
</html>