NFT Preview Card

What are you most proud of, and what would you do differently next time?

Next time I would try to use pseudo-elements for the overlay.

What challenges did you encounter, and how did you overcome them?

• Layering and Positioning: Getting the semi-transparent overlay and the eye icon to sit perfectly on top of the image required careful use of position: relative on the container and position: absolute on the overlay/icon.
• Making the Entire Area Clickable: Structuring the HTML so the <a> tag wrapped the whole image container and handled the hover state, rather than just the image itself.

What specific areas of your project would you like help with?

• Did I apply the BEM methodology correctly throughout my HTML and CSS classes? Are there any instances where a class name could be better structured?
• Are there any places where I could use more semantic HTML elements instead of divs, or where my current semantic choices could be improved for better meaning or accessibility?
• Are there any missing alt attributes or aria- attributes that could improve accessibility for screen reader users or keyboard navigation?