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: