<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/data-visualization-with-d3/update-the-height-of-an-element-dynamically" rel="nofollow">update-the-height-of-an-element-dynamically</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<p dir="auto">One key bug I am noticing on the beta is that it doesnt reset variables for every iteration you test so it faults every time unless you define a new variable for each iteration.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="

&lt;style&gt;
  .bar {
    width: 25px;
    height: 100px;
    display: inline-block;
    background-color: blue;
  }
&lt;/style&gt;
&lt;body&gt;
  &lt;script&gt;
    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
    
    d3.select(&quot;body&quot;).selectAll(&quot;div&quot;)
      .data(dataset)
      .enter()
      .append(&quot;div&quot;)
      .attr(&quot;class&quot;, &quot;bar&quot;)
      // Add your code below this line
      
      
      
      // Add your code above this line
  &lt;/script&gt;
&lt;/body&gt;
"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
  .<span class="pl-c1">bar</span> {
    <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">25<span class="pl-smi">px</span></span>;
    <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">100<span class="pl-smi">px</span></span>;
    <span class="pl-c1">display</span><span class="pl-kos">:</span> inline-block;
    <span class="pl-c1">background-color</span><span class="pl-kos">:</span> blue;
  }
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
    <span class="pl-k">const</span> <span class="pl-s1">dataset</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-c1">12</span><span class="pl-kos">,</span> <span class="pl-c1">31</span><span class="pl-kos">,</span> <span class="pl-c1">22</span><span class="pl-kos">,</span> <span class="pl-c1">17</span><span class="pl-kos">,</span> <span class="pl-c1">25</span><span class="pl-kos">,</span> <span class="pl-c1">18</span><span class="pl-kos">,</span> <span class="pl-c1">29</span><span class="pl-kos">,</span> <span class="pl-c1">14</span><span class="pl-kos">,</span> <span class="pl-c1">9</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
    
    <span class="pl-s1">d3</span><span class="pl-kos">.</span><span class="pl-en">select</span><span class="pl-kos">(</span><span class="pl-s">"body"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">selectAll</span><span class="pl-kos">(</span><span class="pl-s">"div"</span><span class="pl-kos">)</span>
      <span class="pl-kos">.</span><span class="pl-en">data</span><span class="pl-kos">(</span><span class="pl-s1">dataset</span><span class="pl-kos">)</span>
      <span class="pl-kos">.</span><span class="pl-en">enter</span><span class="pl-kos">(</span><span class="pl-kos">)</span>
      <span class="pl-kos">.</span><span class="pl-en">append</span><span class="pl-kos">(</span><span class="pl-s">"div"</span><span class="pl-kos">)</span>
      <span class="pl-kos">.</span><span class="pl-en">attr</span><span class="pl-kos">(</span><span class="pl-s">"class"</span><span class="pl-kos">,</span> <span class="pl-s">"bar"</span><span class="pl-kos">)</span>
      <span class="pl-c">// Add your code below this line</span>
      
      
      
      <span class="pl-c">// Add your code above this line</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Challenge <a href="http://freecodecamp.com/challenges/waypoint-use-clockwise-notation-to-specify-the-margin-of-an-element" rel="nofollow">http://freecodecamp.com/challenges/waypoint-use-clockwise-notation-to-specify-the-margin-of-an-element</a> has an issue.</p>
<p dir="auto">Just thought the instructions at the end would benefit from being a bit more specific to prevent the camper having to look at the tests. Something like:</p>
<p dir="auto">"Use Clockwise Notation to give the element with a class of <strong>green-box</strong> a margin of 40px on its top and left side, but only 20px on its bottom and right side."</p>