Estoy perdido, ayuda por favor. no entiendo lo que debo resolver ni en donde reformar el código

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

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

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.


I don’t see where you’ve added any code.

<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 {

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

    width: 245px;

    border: 1px solid #ccc;

    border-radius: 5px;

    margin: 10px 5px;

    padding: 4px;

  }

  .cardContent {

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

    padding: 10px;

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

  }

  .cardText {

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

    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>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

In the provided code there was already an element with id="thumbnail"

You just need to use that id as the selector and then copy the property: value; pair provided in the lesson to complete the task.

You’ve changed a lot of the starting code so you’ll need to use the ‘Reset All Code’ button so you can start fresh.

Hope that explanation helps.

muchas gracias, y perdon estoy aprendiendo a hacer post tambien. gracias por tu tiempo.

de nada

Glad I could help.