<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/applied-visual-design/create-visual-balance-using-the-textalign-property" rel="nofollow">create-visual-balance-using-the-textalign-property</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:50.0) Gecko/20100101 Firefox/50.0</code>.<br>
This is my HTML Code. I followed the instruction in the challenge, but it keeps saying Keep trying.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    
    
&lt;style&gt;
h4 {
  text-align:center;
}
p {
  text-align:justify;
}
.links {
  margin-right: 20px;
  text-align:left;
}
.fullCard {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 4px;
}
.cardContent {
  padding: 10px;
}
&lt;/style&gt;
&lt;div class=&quot;fullCard&quot;&gt;
&lt;div class=&quot;cardContent&quot;&gt;
  &lt;div class=&quot;cardText&quot;&gt;
    &lt;h4&gt;Google&lt;/h4&gt;
    &lt;p&gt;Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class=&quot;cardLinks&quot;&gt;
    &lt;a href=&quot;https://en.wikipedia.org/wiki/Larry_Page&quot; class=&quot;links&quot;&gt;Larry Page&lt;/a&gt;
    &lt;a href=&quot;https://en.wikipedia.org/wiki/Sergey_Brin&quot; class=&quot;links&quot;&gt;Sergey Brin&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&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-ent">h4</span> {
  <span class="pl-c1">text-align</span><span class="pl-kos">:</span>center;
}
<span class="pl-ent">p</span> {
  <span class="pl-c1">text-align</span><span class="pl-kos">:</span>justify;
}
.<span class="pl-c1">links</span> {
  <span class="pl-c1">margin-right</span><span class="pl-kos">:</span> <span class="pl-c1">20<span class="pl-smi">px</span></span>;
  <span class="pl-c1">text-align</span><span class="pl-kos">:</span>left;
}
.<span class="pl-c1">fullCard</span> {
  <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">1<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>ccc</span>;
  <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">5<span class="pl-smi">px</span></span>;
  <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span> <span class="pl-c1">5<span class="pl-smi">px</span></span>;
  <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
}
.<span class="pl-c1">cardContent</span> {
  <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
}
<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">div</span> <span class="pl-c1">class</span>="<span class="pl-s">fullCard</span>"<span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cardContent</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cardText</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>Google<span class="pl-kos">&lt;/</span><span class="pl-ent">h4</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">cardLinks</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>="<span class="pl-s">https://en.wikipedia.org/wiki/Larry_Page</span>" <span class="pl-c1">class</span>="<span class="pl-s">links</span>"<span class="pl-kos">&gt;</span>Larry Page<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>="<span class="pl-s">https://en.wikipedia.org/wiki/Sergey_Brin</span>" <span class="pl-c1">class</span>="<span class="pl-s">links</span>"<span class="pl-kos">&gt;</span>Sergey Brin<span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>

    ```
    </pre></div>
<p dir="auto">I have a potential issue with the <a href="http://www.freecodecamp.com/challenges/bonfire-symmetric-difference" rel="nofollow">Symmetric Difference Bonfire</a>. I do not believe symmetric difference should be order dependent, but the current tests rely upon a deep equality implementation that seems to care about order. For instance with the code below I get the following error: "expected [ 3, 4, 5 ] to deeply equal [ 3, 5, 4 ]"</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="function sym() {
  var count = Object.create(null); // hash object
  var sets = Array.prototype.slice.apply(arguments); // array of sets
  sets.forEach(function(set) {
    // filter not unique elements
    set.reduce(function(prev,curr) { 
      if (prev.indexOf(curr) === -1) {
        prev.push(curr);
      }
      return prev;
    },[]).forEach(function(el) {
      count[el] = !count[el];
    });
  });
  return Object.keys(count).filter(function(el) {
    return count[el];
  }).map(function(el) {
    return +el;
  });
}
sym([1, 2, 3], [5, 2, 1, 4]);"><pre class="notranslate"><span class="pl-k">function</span> <span class="pl-en">sym</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
  <span class="pl-k">var</span> <span class="pl-s1">count</span> <span class="pl-c1">=</span> <span class="pl-v">Object</span><span class="pl-kos">.</span><span class="pl-en">create</span><span class="pl-kos">(</span><span class="pl-c1">null</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">// hash object</span>
  <span class="pl-k">var</span> <span class="pl-s1">sets</span> <span class="pl-c1">=</span> <span class="pl-v">Array</span><span class="pl-kos">.</span><span class="pl-c1">prototype</span><span class="pl-kos">.</span><span class="pl-c1">slice</span><span class="pl-kos">.</span><span class="pl-en">apply</span><span class="pl-kos">(</span><span class="pl-smi">arguments</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-c">// array of sets</span>
  <span class="pl-s1">sets</span><span class="pl-kos">.</span><span class="pl-en">forEach</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">set</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-c">// filter not unique elements</span>
    <span class="pl-s1">set</span><span class="pl-kos">.</span><span class="pl-en">reduce</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">prev</span><span class="pl-kos">,</span><span class="pl-s1">curr</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> 
      <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">prev</span><span class="pl-kos">.</span><span class="pl-en">indexOf</span><span class="pl-kos">(</span><span class="pl-s1">curr</span><span class="pl-kos">)</span> <span class="pl-c1">===</span> <span class="pl-c1">-</span><span class="pl-c1">1</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
        <span class="pl-s1">prev</span><span class="pl-kos">.</span><span class="pl-en">push</span><span class="pl-kos">(</span><span class="pl-s1">curr</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-kos">}</span>
      <span class="pl-k">return</span> <span class="pl-s1">prev</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span><span class="pl-kos">[</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">forEach</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">el</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
      <span class="pl-s1">count</span><span class="pl-kos">[</span><span class="pl-s1">el</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-c1">!</span><span class="pl-s1">count</span><span class="pl-kos">[</span><span class="pl-s1">el</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">return</span> <span class="pl-v">Object</span><span class="pl-kos">.</span><span class="pl-en">keys</span><span class="pl-kos">(</span><span class="pl-s1">count</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">filter</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">el</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-s1">count</span><span class="pl-kos">[</span><span class="pl-s1">el</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">map</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">el</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">return</span> <span class="pl-c1">+</span><span class="pl-s1">el</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span>
<span class="pl-en">sym</span><span class="pl-kos">(</span><span class="pl-kos">[</span><span class="pl-c1">1</span><span class="pl-kos">,</span> <span class="pl-c1">2</span><span class="pl-kos">,</span> <span class="pl-c1">3</span><span class="pl-kos">]</span><span class="pl-kos">,</span> <span class="pl-kos">[</span><span class="pl-c1">5</span><span class="pl-kos">,</span> <span class="pl-c1">2</span><span class="pl-kos">,</span> <span class="pl-c1">1</span><span class="pl-kos">,</span> <span class="pl-c1">4</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>