Adding box-shadow to an ID

Tell us what’s happening:
How to add a box-shadow around just the thumbnail ID? Is this done within the class?

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;
}
.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/87.0.4280.88 Safari/537.36.

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

Link to the challenge:

It’s done with one of the attributes within that div element. The attributes are a class and an id.
The instruction says with the id selector of thumbnail to add the box-shadow property with the values shown in the sample in the lesson.

The lesson wants you to use internal styling, not in-line styling.

.fullCard {
width: 245px;
border: 1px solid #ccc;
border-radius: 5px;
margin: 10px 5px;
padding: 4px;
box-shadow: 4px -4px 8px #444;
}

@jwcdemocrew,

  1. this is not what the lesson is asking for
  2. please do not post full solutions to lessons. it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

Ok, sorry , I have only just joined in here and wasn’t sure of what is what, but I wont do it again.

The ID “thumbnail” should have it’s own entry in your style and it does not begin with a .
Hope this helps a bit.

1 Like