Please help me out

Tell us what’s happening:
Please check it out!
I got confusing situation in here, I inserted exactly the code needed but I can’t move on the next step. Anyone help me please? thanks

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36.

Challenge: Add Flex Superpowers to the Tweet Embed

Link to the challenge:

Hi!

What do mean?

Your code works as excepted und runs in my system without any problems!

1 Like

Yeah, I can’t get it. As you can see, the system keep notify the errors at the bottom page

Yeah means for me it is working!?

If not ---->

What happens if you remove 0 0 0 in

header .follow-btn {
 display: flex;
  margin: 0 0 0 auto;
}

And replace ist with

header .follow-btn {
 display: flex;
  margin: auto;
}
1 Like

Still not working bro. tks anyway

Here the answer to a similar question that was asked in the forum:

leonardootc

Apr 8

hello @Madhav1. Welcome to the forum: :smiley:

I ran your code in my computer and everthing is ok.

  1. Try to run your code in other browser.
  2. Clean the cache in your current browserw.
  3. Disable some extension in your browser.
1 Like

oh my god, the problem is Adblock extension bro, haha, I get it. Thanks for your help

1 Like