Challenge won't let me pass

The “CSS Flexbox: Add Flex Superpowers to the Tweet Embed” says that my ".follow-btn should have a display property set to flex" even though from what I can tell, it clearly does.

<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://pbs.twimg.com/profile_images/378800000147359764/54dc9a5c34e912f34db8662d53d16a39_400x400.png" 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>

Can you post a link to the challenge? It is also recommended to click the “ask for help” button as it will give you a template with the information others need to assist with.

https://learn.freecodecamp.org/responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed/

When I copy/paste the code you have above into the challenge, I can pass all the tests. What browser are you using?

I use Firefox. I have no idea why it’s not working.

You may have to a hard refresh (Ctrl+F5) and try running the tests again.

I’ve tried that several times, and it doesn’t work. I even tried just setting the display to flex for just follow: btn and it still doesn’t work. I believe that the challenge is not functioning properly and it needs to be fixed.

Try your code on Chrome just to see what happens.

Also, when you click Run Tests and open your browser’s console, do you see any errors there?

Are you running the latest version of Firefox?

I’m not sure. It’s getting late, but I will try those in the morning.

Thank you very much for your suggestions and assistance.

If you have an Adblock extension installed try disabling it.

That worked. Thank you very much.