Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Mark Brady
Mark Brady
6,239 Points
Posted by Mark Brady
Mark Brady
6,239 Points

I have an error with my closing html and body tag.. Where is the error?

My sections with the speakers and schedule are not displaying inline.. anyone know why? Oh, and I'm using bootstrap.

Thanks for your help.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Full Stack Conf</title>
    <!-- bootstrap css -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
  </head>
  <body>
   <div class="container pt-2">
   <!-- About  -->
    <div class="row">
      <div class="col-sm-4">
        <h3 class="mb-2">About Full Stack Conf</h3>
        <img class="mb-1 img-fluid rounded" src="img/pdx.jpg" alt="photo of Portland">
        <p>The beautiful city of Portland, Oregon will be the host city for Full Stack Conf!</p>
        <p>Explore the future of JavaScript with a lineup of industry professionals. Discover new techniques to advance your career as a web developer.</p>
      </div>
      <div class="col-sm-4">
        <h3 class="mb-2">Expert Speakers</h3>
        <p>Our expert speaker lineup was just announced, so don't wait too long before grabbing your tickets!</p>
        <p>Want to meet the international JavaScript community and share skills with some of the world's top experts, hackers, and makers? Be the first to know what to expect for the future of JavaScript.</p>
        <p>Full Stack Conf is committed to being inclusive and welcoming for everyone. We look forward to another intensive day of learning and sharing.</p>
      </div>
      <div class="col-sm-4">
        <h3 class="mb-2">What You'll Learn</h3>
        <ul>
          <li><strong>MongoDB</strong>: NoSQL database</li>
          <li><strong>Angular</strong>: JavaScript framework</li>
          <li><strong>Express</strong>: Framework for Node</li>
          <li><strong>Node.js</strong>: JavaScript environment</li>
          <li><strong>ES2015</strong>: Latest version of JavaScript</li>
          <li><strong>Babel</strong>: JavaScript compiler</li>
        </ul>
      </div><!-- About -->

      <!-- Speakers -->
      <h1 class="display-4">Speakers</h1>
      [Speakers go here]

      <!-- Schedule -->
      <h1 class="display-4">Schedule</h1>
      [Schedule goes here]

   </div><!-- .container -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="sha384-BLiI7JTZm+JWlgKa0M0kGRpJbF2J8q+qreVrKBC47e3K6BW78kGLrCkeRX6I9RoK" crossorigin="anonymous"></script>
  </body>
</html>

1 Answer

Mark Brady
Mark Brady
6,239 Points
Mark Brady
Mark Brady
6,239 Points

I would find the problem right after I post this here. It really helps to see the code in this color rather than blue.

I was missing a closing div before my closing "about" div.

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Syntax highlighting is incredibly helpful when troubleshooting code (and a lot of other times). I highly recommend using a text editor that automatically takes care of highlighting for you. There are loads that do it (including some within a Terminal window), but the easiest and most widely used by Treehouse users are Brackets and Sublime Text.