CSS Flexbox test incorrect

I am working on the 2nd project in the css flexbox section ( CSS Flexbox: Add Flex Superpowers to the Tweet Embed) and I have: https://gyazo.com/b8789c6224799a6433f3d9205bea78e5 and it keeps throwing this error: https://gyazo.com/bee4b0b1aea7fec19dc486a26822faa3 ALL my other tests ran perfectly fine except this one

Could you share the entire code? The issue could be getting triggered someplace else.

<style>
  body {
    font-family: Arial, sans-serif;
  }
  header {
    display: flex;
  }
  header .profile-thumbnail {
    width: 50px;
    height: 50px;
    border-radius: 4px;
  }
  header .profile-name {
    display: flex;
    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 {
    display: flex;
  }
  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;
  }
</style>
<header>
  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
  <div class="profile-name">
    <h3>Quincy Larson</h3>
    <h4>@ossia</h4>
  </div>
  <div class="follow-btn">
    <button>Follow</button>
  </div>
</header>
<div id="inner">
  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
  <span class="date">1:32 PM - 12 Jan 2018</span>
  <hr>
</div>
<footer>
  <div class="stats">
    <div class="Retweets">
      <strong>107</strong> Retweets
    </div>
    <div class="likes">
      <strong>431</strong> Likes
    </div>
  </div>
  <div class="cta">
    <button class="share-btn">Share</button>
    <button class="retweet-btn">Retweet</button>
    <button class="like-btn">Like</button>
  </div>
</footer>

Interesting. Everything appears to be in order. Have you tried to “reset all code” and try it again? Maybe it just needs to be refreshed.

Yes I have tried reset all code. I have tried closing my browser and refreshing, still fails

I just did a little digging in the forum. It could be either a browser issue or perhaps you need to empty your caches. Add Flex Superpowers to the Tweet Embed This user, dave3, tried it in another browser other than chrome, which seemed to work for him. My money is on the caches though, as it’s working fine for me on Chrome.

That was my next step, got a little busy. I swapped to chrome and it DID work. The browser that it did not work was on: 70.0.1 (64-bit) firefox for Ubuntu

1 Like

Seems to me like it could be due to my adblock on FF (ABP)