I dont know how to do that i need help

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;
 }  
  #thumbnail
  {
   /*offset-x |offset-y |spread-radius | color|;
     box-shadow: 0 10px 20px rgba(0,0,0,0.9), 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/91.0.4472.77 Safari/537.36

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

Link to the challenge:

Hi,

2 things:

  1. Why have you added /*offset-x |offset-y |spread-radius | color|; in your #thumbnail?
  2. You have a typo in the first rgba(…)! 0.9 should be 0.19.
1 Like

Hello,

you need to fill in with the right css selector(id or class), in this case it is and id called thumbnail and write the code with box-shadow and their correspontind values from the example shown on the left side of the page.

Hope that helps.

Cheers

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