Pls help me solve this because i don't even understand the question

Can you be more specific about what is confusing you so we can help better?

@kevinSmith; this is the challenge: the element has id thumbnail.with this selector, use the example css values above to place a box-shadow on the card.
when i went through the coding area, i saw that the fullcard has the id thumbnail so i coded the fullcard with the box-shadow values but its not running. thats the confusion.

Could you please provide the code you are trying?

i saw that the fullcard has the id thumbnail so i coded the fullcard with the box-shadow value…

Just to be clear, I think they want you to do it as a CSS selector - that’s why there is a space left in the CSS section.

…but its not running

What does that mean?

.fullCard {

width: 245px;

border: 1px solid #ccc;

border-radius: 5px;

margin: 10px 5px;

padding: 4px;

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

}

Please reread this carefully…

The element now has an id of thumbnail . With this selector…

i still haven’t understood how to go about adding a box-shadow property for thumbnail id

Reread this again slowly.

The element now has an id of thumbnail . With this selector…

Now look at your code:

.fullCard {
  width: 245px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 5px;
  padding: 4px;
  box-shadow: 0 10px 20px rgba(0,0,0,0,0.19), 0 6px 6px rgba(0,0,0,0,0.23);
}

You’ve added the box shadow to this. Is this the CSS for the ID of THUMBNAIL?

The original code left a spot for you to create a CSS selector for that.

The issue isn’t the box shadow - that works. The issue is where you are putting it in the CSS.

Follow the directions closely.

Thank you @kevinSmith for your guidance. I am grateful. I followed the directions closely and I have seen and done what am supposed to do.

1 Like