Nesting columns in a row

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:

Your code;

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

Darn typo’s!