Add Flex Superpowers to the Tweet Embed - Problem or Bug?

Add Flex Superpowers to the Tweet Embed - Problem or Bug?
0
#1

Tell us what’s happening:

The test does not pass and claims the .header .follow-bttn has no display: flex. Can anybody help me or is this a bug?

Thanks

Tessy

Your code so far


html

<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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0.

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

1 Like
#2

Not sure what’s wrong. I would reset all your code and start from the beginning.

Follow the steps one by one and and hit run the tests to see if you are passing one at a time.

#3

If you have an ad blocker extension installed try disabling it.

#4

Thanks, @shimphillip and @lasjorg! The combination of both your suggestions worked!

Now for the challenges for getting the certificate :slight_smile:

Tessy