Im stuck with box-shadow:

Tell us what’s happening:
Describe your issue in detail here.

  **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;
}


.fullCard {
  width: 245px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 4px;
}
.thumbnail {
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0,0,0,0,.23);
}
.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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36 Edg/94.0.992.38

Challenge: Add a box-shadow to a Card-like Element

Link to the challenge:

HI @MarcinKK !

You have a few issues.

No.1:
You are supposed to target the id here

Right now you are using the syntax for a class.

No.2:
You are using the incorrect values for the box-shadow here

You need to copy and paste the code they gave you exactly instead of typing it out yourself.
That way you don’t get errors.

Hope that helps!

Thanks for your support. I forgot to use “#” to target id. All done. Go ahead

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.