NFT-PREVIEW-CARD CHALLENGE

Good work on the positioning and styling. A couple of pieces of feedback.

• On the main card itself, the entire thing has cursor: pointer, so even if you are not hovering over an interactive element (i.e. just the text within certain sections), it has a cursor. This indicates to the user that it is interactive when it is not. You are better off declaring cursor: pointer; on the hyperlinks themselves (using the a{} styling in CSS) and doing the same for the .image-container.

-- Within the .image-container, you have the following code:

.card .image-container:active::after{

display: block;

}

you don't necessarily need to add .card before this as you are already referencing the .image-container itself. You don't have to reference parent elements unless you are trying to override other specificity.

--- You also will want to add a hover state to the image container. You can do both with one CSS code block by using a comma between selectors. See below.

.image-container:active::after,

.image-container:hover::after {

display: block;

}

Let me know if this comment was helpful. Good job on completing the challenge and keep up the good work!