Please someone help out.. i'm stuck here.. what should i do?

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;
}
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>
</div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36

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

Link to the challenge:

So it looks like the box-shadow attribute just accidentally got put outside of the CSS brackets { }. See image. Try putting it inside the brackets on the class you want to use it on and see if that helps.
Capture

1 Like

And after you follow the instructions of trrapp12:


THE TUTORIAL SAYS: The element now has an #id of thumbnail . With this selector, use the example CSS values above to place a box-shadow on the card:


Go ahead and ADD:
The #ID thumbnail, to your new set of CSS values.



can’t still get over it

What’s your latest code?

hello… sorry for replying late… just finished the applied accesibility.

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