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.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.