Les 6/8


#1

The images are showing up on the right side of the screen, not the bottom. I’ve been looking on the forums and the answers people are giving don’t seem to resolve my problem.

 <!DOCTYPE html>
 <html>
 <head>
   <title>Skillfair</title>
   <meta charset="utf-8"/>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
   <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" type="text/css" href="main.css">
 </head>
 <body>
   <header class="container">
     <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>
 <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>
   </div>
   <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>
     </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 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>
</section>
</body>
</html>

Also, it’s letting me go forward too, as if there isn’t anything wrong with it.


#2

Please remember to include a link to the project when posting a new topic in Q&A. Thanks.


#3

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


#4

Close your jumbotron section before the container section.

  </section>
  <section class="container">

#5

Thanks so much. I thought this was a thread for that class, so I didn’t realize I needed to link it.


#6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.