Correct Answers But Two Different Styles/Formats

Tell us what’s happening:

The code I use fills all the requirements and passes me on each level, but my end result and the sites’ end result are two different screens. The button sizes just appear to be different, but everything else seems to be the same. What’s the reason for the slight change when the code all seems to be relatively identical?

Ignore all the comments I have added, just trying to get into the habit of explaining my thoughts to myself to better memorize everything I’m learning.

  **Your code so far**

jQuery Playground

  <!-- Container 5 Within Container 3 in 2 -->
    <div class="well"> 

        <!-- Button 1 -->
        <button class="well btn btn-default"> </button>
      
        <!-- Button 2 -->
        <button class="well btn btn-default"> </button>

        <!-- Button 3 -->
        <button class="well btn btn-default"> </button>

      <!-- End of Container 5 -->
      </div>

<!-- End of Container 3 -->
</div>

<!-- Start of Container 4 -->
<div class="col-xs-6">

    <!-- Container 6 Within Container 4 in 2 -->
    <div class="well">

      <!-- Button 4 -->
        <button class="well btn btn-default"> </button>
      
        <!-- Button 5 -->
        <button class="well btn btn-default"> </button>

        <!-- Button 6 -->
        <button class="well btn btn-default"> </button>

      <!-- End of Container 6 -->
      </div>

<!-- End of Container 4 -->
</div>

** Course Code So Far **


<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
  <div class="col-xs-6">
    <div class="well">
      <button class="btn btn-default"></button>
      <button class="btn btn-default"></button>
      <button class="btn btn-default"></button>
    </div>
  </div>
  <div class="col-xs-6">
    <div class="well">
      <button class="btn btn-default"></button>
      <button class="btn btn-default"></button>
      <button class="btn btn-default"></button>
    </div>
  </div>
</div>
</div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36.

Challenge: Create a Class to Target with jQuery Selectors

Link to the challenge:

Are the screens two different sizes?

Nope, both the same size, literally using the same desktop.

You have the same challenge open, with the same code, in the same browser, on the same screen, and you’re seeing two different things?