Nesting columns in a row

HTML-CSS
1

I’m getting an error message that the two column elements should be nested in the row element. I don’t see how my code is different from the answer provided in hints.

  **Your code so far**


<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-sx-6"></div>
<div class="col-sx-6"></div>
</div>
</div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.93 Safari/537.36

Challenge: Split Your Bootstrap Row

Link to the challenge:

2

Your code;

Task says " with the class col-xs-6"

Darn typo’s!

3

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