I don't know what is wrong with this lesson!

I don't know what is wrong with this lesson!
0

Tell us what’s happening:
I am sure I have all correct to “Decrease the Opacity of an Element lesson”. Even I’ve watched the video lesson and the solution matches with mine.

This is the instruction:
Your code should set the “opacity” property to 0.7 on the anchor tags by selecting the class of “links” .

Your code so far


<style>
h4 {
  text-align: center;
  background-color: rgba(45, 45, 45, 0.1);
  padding: 10px;
  font-size: 27px;
}
p {
  text-align: justify;
}
.links {
  text-align: left;
  color: black;
  opacity: 0.7;
}
#thumbnail {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.fullCard {
  width: 245px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 4px;
}
.cardContent {
  padding: 10px;
}
.cardText {
  margin-bottom: 30px;
}
</style>
<div class="fullCard" id="thumbnail">
<div class="cardContent">
  <div class="cardText">
    <h4>Alphabet</h4>
    <hr>
    <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
  </div>
  <div class="cardLinks">
    <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
    <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
  </div>
</div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Safari/605.1.15.

Challenge: Decrease the Opacity of an Element

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element

First, what browser are you using? If you are not using Chrome or Firefox, that could be the problem. If you are using Chrome, let us know.

Thank you so much for your share RandellDawson! I’m using Safari, I will try a different browser.

This does work in Firefox. As I just tested this. Opacity works in all major browsers It’s strange that you had this issue.

I will try another browser, thanks for your share “six03”

I submitted a fix for this issue earlier, so we should see it in production in the next few days.

Thanks RandellDawson! I tried a different browser and I passed that lesson.