Tests aren't passing though the code is rendering DOM as per instructions

The tests are not validating but the results of the code are to spec the way the user story requests.

Your code so far

<style type='text/sass'>
  $i: 1;
  @while $i < 11 {
    .text-#{$i} { font-size: 5 * $i; }
    $i: $i + 1;

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>
<p class="text-6">Hello</p>
<p class="text-7">Hello</p>
<p class="text-8">Hello</p>
<p class="text-9">Hello</p>
<p class="text-10">Hello</p>

Your browser information:

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

Link to the challenge:

Ahh Ha! I answered my own question.

.text-#{$i} { font-size: 5 * $i; }

… needs to be written with px in the function. Like this:

.text-#{$i} { font-size: 5px * $i; }

Hope this helps.