Applied Visual Design: Decrease The Opacity of an Element (the lesson won't pass my code)

Tell us what’s happening:
I’ve read the lesson, watched the video, googled my problem and I still cannot get passed the lesson. Im pretty sure my code is right too. I think there might be something wrong with the lesson itself because my code is identical to that in the video.

“Set the opacity of the anchor tags to 0.7 using links class to select them.”


.links  {
 text-align: left;
 color: black;
 opacity: 0.7; 
  }

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

It is working fine in Google Chrome.

1 Like

Welcome Cassie,

Unfortunately, not all tests are not compatible with all browsers. The general recommendation is for you to use either Chrome or Firefox - their latest stable versions.

Also, sometimes certain browser extensions interfere with the tests. Especially, ad-blockers. I have all of my extensions disabled for freeCodeCamp (fCC does not even have advertisments so…)

Hope this helps.

1 Like

Thank you for the tip!

Thank you, this was helpful!

Can I assume you were using Safari? If so,let me know. I am trying to figure out a way for Safari users to still work through the challenges.

Thanks.

1 Like

I was using safari when I had the trouble.

I downloaded chrome and the test ran just fine. will continue lessons with chrome.

Safari version 12.1.2

macOS Mojave Version 10.14.6

What version of operating system and what version of Safari were you using?

Safari version 12.1.2

macOS Mojave Version 10.14.6

1 Like