I see the "Status box" but where's the .status-box?


#1

I may be blind but I have been looking over the HTML document to find the HTML element with the class attribute "status-box". I see in the <textarea> element a class attribute of "form-control status-box" but no "status-box" class. Is are the two classes the same for some reason or am I going crazy and blind? :disappointed_relieved:

<!doctype html>
<html>
  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp2/css/bootstrap.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
    <div class="container">
      <form>
        <div class="form-group">
          <textarea class="form-control status-box" rows="2" placeholder="What's on your mind?"></textarea>// Is this where the "status box" class should be?
        </div>
      </form>
      <div class="button-group pull-right">
        <p class="counter">140</p>
        <a href="#" class="btn btn-primary">Post</a>
      </div>
    
      <ul class="posts">
      </ul>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="app.js"></script>
    
  </body>
</html>

#2

Hey Ben,

When you come to a space in class="", it means there are two classes. In this case, we've got the class form-control and status-box :)
It would probably make more sense to have classes separated by commas (,) rather than just spaces, but you'll get used to it :)