Solution or advice required!

HTML-CSS
1

box shadow property of css need to have some helpful clue to further deal with it… I think I might have not understood it completely or their is problem in this challenge which surely requires attention.

It tried what bruteforce it as far as possible and now it off my limits plz (anyone if ) help to complete this challenge.

<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 {
box-shadow: 0 10px 10px 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>

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

Link to the challenge:

2

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

3

It doesn’t look like you’ve added a box-shadow property anywhere in your CSS.

4

sorry my fault but now i have added that box shadow property inside the thumbnail id as asked by the challenge…
I also tried to run the code but it was not giving the required output …
How to fix it ?

5

I am not able to pass he challenge with that solution

6

it seems that you were not using the value this challenge requires. as your code states

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

while the values required to complete the solution are

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

see how the you used “0 10 10” but solution required “0 10 20”

7

if the problem persists change try this challenge in some other browser, sometimes the browser cookies cause issue.
Enjoy!

8

I tried to do as said in the challenge but nothing worked

9

i had the same issue before
change the browser and save your progress so you can continue learning.
if by changing the browser challenge is completed then it were the cookies.

10

ok let me try
if its works then I would be really thankful to you.

11

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