Dear freecodecamp,
I am doing this challenge at the moment: https://www.freecodecamp.org/learn/responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed
and I added the following on lines 17 - 20
header .follow-btn {
display: flex;
margin: 0 0 0 auto;
}
But it keep saying:
// running tests Your
.follow-btn
should have a
display
property set to
flex
. // tests completed
What am I missing here?
1 Like
Hello @schule-at-poeritz.de . I think you only added flex properties to the header. follow-btn
element. The challenge clearly says that you need to add display: flex
to the following classes:
header
the header’s .profile-name
the header’s .follow-btn
the header’s h3
and h4
the footer
*and the footer’s .stats
.
This challenge is a bit tricky and I did not pass the tests at the first attempt. So, write your code carefully and take your time.
Happy Non-Stuck Coding!
ilenia
October 16, 2020, 7:10am
3
also, an ad blocker can cause this challenge tests to not work
2 Likes
That’s true some extensions clash with freeCodeCamp. Try disabling some and you might pass. It worked for one camper:
I re-typed the code numerous times and even used the ctrl-F function to look for any remaining div tags. I even deleted my entire code and pasted the hint code to see. Still doesn’t work :
Your code so far
<h1>Deep Thoughts with Master Camper Cat</h1>
<main>
<article>
<h2>The Garfield Files: Lasagna as Training Fuel?</h2>
<p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often o…
Addblocker disabled. Test passed.
I think it even was mentioned at the start of the course. I did not listen and learned the hard way.
Thank you all for helping
2 Likes
Glad to hear it worked!
Yes, they mention it at the start and sometimes extensions are worth disabling.