<p dir="auto">Challenge <a href="http://beta.freecodecamp.com/en/challenges/css-flexbox/using-the-justifycontent-property-in-the-tweet-embed" rel="nofollow">using-the-justifycontent-property-in-the-tweet-embed</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/55.0.2883.87 Chrome/55.0.2883.87 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.<br>
It makes me pass the challenge even if I have not inserted the css statement<br>
justify-content:center;</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    
    
&lt;style&gt;
body {
  font-family: Arial, sans-serif;
}
header, footer {
  display: flex;
  flex-direction: row;
}
header .profile-thumbnail {
  width: 50px;
  height: 50px;
  border-radius: 4px;
}
header .profile-name {
  display: flex;
  flex-direction: column;
  
  margin-left: 10px;
}
header .follow-btn {
  display: flex;
  margin: 0 0 0 auto;
}
header .follow-btn button {
  border: 0;
  border-radius: 3px;
  padding: 5px;
}
header h3, header h4 {
  display: flex;
  margin: 0;
}
#inner p {
  margin-bottom: 10px;
  font-size: 20px;
}
#inner hr {
  margin: 20px 0;
  border-style: solid;
  opacity: 0.1;
}
footer .stats {
  display: flex;
  font-size: 15px;
}
footer .stats strong {
  font-size: 18px;
}
footer .stats .likes {
  margin-left: 10px;
}
footer .cta {
  margin-left: auto;
}
footer .cta button {
  border: 0;
  background: transparent;
}
&lt;/style&gt;
&lt;header&gt;
&lt;img src=&quot;https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png&quot; alt=&quot;Quincy Larson's profile picture&quot; class=&quot;profile-thumbnail&quot;&gt;
&lt;div class=&quot;profile-name&quot;&gt;
  &lt;h3&gt;Quincy Larson&lt;/h3&gt;
  &lt;h4&gt;@ossia&lt;/h4&gt;
&lt;/div&gt;
&lt;div class=&quot;follow-btn&quot;&gt;
  &lt;button&gt;Follow&lt;/button&gt;
&lt;/div&gt;
&lt;/header&gt;
&lt;div id=&quot;inner&quot;&gt;
&lt;p&gt;How would you describe to a layperson the relationship between Node, Express, and npm in a single tweet? An analogy would be helpful.&lt;/p&gt;
&lt;span class=&quot;date&quot;&gt;7:24 PM - 17 Aug 2016&lt;/span&gt;
&lt;hr&gt;
&lt;/div&gt;
&lt;footer&gt;
&lt;div class=&quot;stats&quot;&gt;
  &lt;div class=&quot;retweets&quot;&gt;
    &lt;strong&gt;56,203&lt;/strong&gt; RETWEETS
  &lt;/div&gt;
  &lt;div class=&quot;likes&quot;&gt;
    &lt;strong&gt;84,703&lt;/strong&gt; LIKES
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;cta&quot;&gt;
  &lt;button class=&quot;share-btn&quot;&gt;Share&lt;/button&gt;
  &lt;button class=&quot;retweet-btn&quot;&gt;Retweet&lt;/button&gt;
  &lt;button class=&quot;like-btn&quot;&gt;Like&lt;/button&gt;
&lt;/div&gt;
&lt;/footer&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">body</span> {
  <span class="pl-c1">font-family</span><span class="pl-kos">:</span> Arial<span class="pl-kos">,</span> sans-serif;
}
<span class="pl-ent">header</span><span class="pl-kos">,</span> <span class="pl-ent">footer</span> {
  <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
  <span class="pl-c1">flex-direction</span><span class="pl-kos">:</span> row;
}
<span class="pl-ent">header</span> .<span class="pl-c1">profile-thumbnail</span> {
  <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span>;
  <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span>;
  <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
}
<span class="pl-ent">header</span> .<span class="pl-c1">profile-name</span> {
  <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
  <span class="pl-c1">flex-direction</span><span class="pl-kos">:</span> column;
  
  <span class="pl-c1">margin-left</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
}
<span class="pl-ent">header</span> .<span class="pl-c1">follow-btn</span> {
  <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
  <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">0</span> <span class="pl-c1">0</span> <span class="pl-c1">0</span> auto;
}
<span class="pl-ent">header</span> .<span class="pl-c1">follow-btn</span> <span class="pl-ent">button</span> {
  <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
  <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">3<span class="pl-smi">px</span></span>;
  <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">5<span class="pl-smi">px</span></span>;
}
<span class="pl-ent">header</span> <span class="pl-ent">h3</span><span class="pl-kos">,</span> <span class="pl-ent">header</span> <span class="pl-ent">h4</span> {
  <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
  <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
}
<span class="pl-kos">#</span><span class="pl-c1">inner</span> <span class="pl-ent">p</span> {
  <span class="pl-c1">margin-bottom</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
  <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">20<span class="pl-smi">px</span></span>;
}
<span class="pl-kos">#</span><span class="pl-c1">inner</span> <span class="pl-ent">hr</span> {
  <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">20<span class="pl-smi">px</span></span> <span class="pl-c1">0</span>;
  <span class="pl-c1">border-style</span><span class="pl-kos">:</span> solid;
  <span class="pl-c1">opacity</span><span class="pl-kos">:</span> <span class="pl-c1">0.1</span>;
}
<span class="pl-ent">footer</span> .<span class="pl-c1">stats</span> {
  <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
  <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">15<span class="pl-smi">px</span></span>;
}
<span class="pl-ent">footer</span> .<span class="pl-c1">stats</span> <span class="pl-ent">strong</span> {
  <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">18<span class="pl-smi">px</span></span>;
}
<span class="pl-ent">footer</span> .<span class="pl-c1">stats</span> .<span class="pl-c1">likes</span> {
  <span class="pl-c1">margin-left</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
}
<span class="pl-ent">footer</span> .<span class="pl-c1">cta</span> {
  <span class="pl-c1">margin-left</span><span class="pl-kos">:</span> auto;
}
<span class="pl-ent">footer</span> .<span class="pl-c1">cta</span> <span class="pl-ent">button</span> {
  <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
  <span class="pl-c1">background</span><span class="pl-kos">:</span> transparent;
}
<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">header</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">img</span> <span class="pl-c1">src</span>="<span class="pl-s">https://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png</span>" <span class="pl-c1">alt</span>="<span class="pl-s">Quincy Larson's profile picture</span>" <span class="pl-c1">class</span>="<span class="pl-s">profile-thumbnail</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">profile-name</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">h3</span><span class="pl-kos">&gt;</span>Quincy Larson<span class="pl-kos">&lt;/</span><span class="pl-ent">h3</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>@ossia<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">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">follow-btn</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>Follow<span class="pl-kos">&lt;/</span><span class="pl-ent">button</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">header</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">id</span>="<span class="pl-s">inner</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>How would you describe to a layperson the relationship between Node, Express, and npm in a single tweet? An analogy would be helpful.<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">span</span> <span class="pl-c1">class</span>="<span class="pl-s">date</span>"<span class="pl-kos">&gt;</span>7:24 PM - 17 Aug 2016<span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">hr</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">footer</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">stats</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">retweets</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">strong</span><span class="pl-kos">&gt;</span>56,203<span class="pl-kos">&lt;/</span><span class="pl-ent">strong</span><span class="pl-kos">&gt;</span> RETWEETS
  <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">likes</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">strong</span><span class="pl-kos">&gt;</span>84,703<span class="pl-kos">&lt;/</span><span class="pl-ent">strong</span><span class="pl-kos">&gt;</span> LIKES
  <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-c1">class</span>="<span class="pl-s">cta</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">share-btn</span>"<span class="pl-kos">&gt;</span>Share<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">retweet-btn</span>"<span class="pl-kos">&gt;</span>Retweet<span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span>="<span class="pl-s">like-btn</span>"<span class="pl-kos">&gt;</span>Like<span class="pl-kos">&lt;/</span><span class="pl-ent">button</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">footer</span><span class="pl-kos">&gt;</span>

    ```
    </pre></div>
<p dir="auto">Challenge [Steamroller](<a href="https://www.freecodecamp.com/challenges/steamroller" rel="nofollow">https://www.freecodecamp.com/challenges/steamroller</a> has an issue.</p>
<p dir="auto"><strong>User Agent is</strong>:<br>
<code class="notranslate">Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36</code>.</p>
<p dir="auto"><strong>Issue Description</strong> :<br>
Global Variables value is not getting flushed.</p>
<p dir="auto">My code:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="var tempArr = [];
function steamrollArray(arr) {
  // I'm a steamroller, baby
  tempArr = []; // To fix the global var issue , we need to reset that global var
  arr = arr.map(function(val,index){
     return checkForArray(val);
  });
  console.log('tempArr',tempArr);
  return tempArr;
}
function checkForArray(val_arr){
  if(!Array.isArray(val_arr)) {tempArr.push(val_arr);return val_arr;}
  val_arr.map(function(val,index){
      if(Array.isArray(val)){
        return checkForArray(val);
      }
      else {
        tempArr.push(val);
        return val;
      }
  });
}
steamrollArray([1, {}, [3, [[4]]]]);"><pre class="notranslate"><span class="pl-k">var</span> <span class="pl-s1">tempArr</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
<span class="pl-k">function</span> <span class="pl-en">steamrollArray</span><span class="pl-kos">(</span><span class="pl-s1">arr</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
  <span class="pl-c">// I'm a steamroller, baby</span>
  <span class="pl-s1">tempArr</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-kos">]</span><span class="pl-kos">;</span> <span class="pl-c">// To fix the global var issue , we need to reset that global var</span>
  <span class="pl-s1">arr</span> <span class="pl-c1">=</span> <span class="pl-s1">arr</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">val</span><span class="pl-kos">,</span><span class="pl-s1">index</span><span class="pl-kos">)</span><span class="pl-kos">{</span>
     <span class="pl-k">return</span> <span class="pl-en">checkForArray</span><span class="pl-kos">(</span><span class="pl-s1">val</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-smi">console</span><span class="pl-kos">.</span><span class="pl-en">log</span><span class="pl-kos">(</span><span class="pl-s">'tempArr'</span><span class="pl-kos">,</span><span class="pl-s1">tempArr</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
  <span class="pl-k">return</span> <span class="pl-s1">tempArr</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span>
<span class="pl-k">function</span> <span class="pl-en">checkForArray</span><span class="pl-kos">(</span><span class="pl-s1">val_arr</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-c1">!</span><span class="pl-v">Array</span><span class="pl-kos">.</span><span class="pl-en">isArray</span><span class="pl-kos">(</span><span class="pl-s1">val_arr</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-kos">{</span><span class="pl-s1">tempArr</span><span class="pl-kos">.</span><span class="pl-en">push</span><span class="pl-kos">(</span><span class="pl-s1">val_arr</span><span class="pl-kos">)</span><span class="pl-kos">;</span><span class="pl-k">return</span> <span class="pl-s1">val_arr</span><span class="pl-kos">;</span><span class="pl-kos">}</span>
  <span class="pl-s1">val_arr</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">val</span><span class="pl-kos">,</span><span class="pl-s1">index</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-v">Array</span><span class="pl-kos">.</span><span class="pl-en">isArray</span><span class="pl-kos">(</span><span class="pl-s1">val</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-en">checkForArray</span><span class="pl-kos">(</span><span class="pl-s1">val</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-kos">}</span>
      <span class="pl-k">else</span> <span class="pl-kos">{</span>
        <span class="pl-s1">tempArr</span><span class="pl-kos">.</span><span class="pl-en">push</span><span class="pl-kos">(</span><span class="pl-s1">val</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
        <span class="pl-k">return</span> <span class="pl-s1">val</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">steamrollArray</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-kos">{</span><span class="pl-kos">}</span><span class="pl-kos">,</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">4</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></pre></div>