Add a box-shadow to a Card-like Element 5

Tell us what’s happening:
What am I doing wrong to get this?

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;
  }
  .id {
    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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:

your code should add a box-shadow property for the thumbnail id.

Could you explain further, please?

right now you’re adding a box shadow to the class “id”

what needs to happen is to add a box shadow the id of “thumbnail”

you can read more about id’s and classes if you google search “mdn class selector css” and “mdn id selector css” (sorry since i’m new I cant attach links to a reply yet)

1 Like

The box-shadow effect must be applied to the div with id = “thumbnail”

So, it should be applied into the < div > one, right? Is that what you’re saying? Sorry, I am reading the comments and I’m getting confused.

I think you need to use
#thumbnail
Not
.id
The ID = thumbnail

I’m still confused on how to do this one. I am going to try to use #thumbnail but I’m not sure that it’ll work under the “Style” section or not.