Responsive NFT Card using CSS Flexbox

regarding your challenge with keeping .view at opacity 1, you actually don't need to add any opacity to it all. You can add the opacity directly to the cyan background-color itself using the rgb format as you know in rgb you can add a fourth value which is the opacity in order to manipulate the transparency of any color; example "background-color: rgb(0, 255, 247, 0.4);" then on your hover class use opacity:1 that way you don't have to worry about lowering the opacity on the background color when you hover since it'll already have its own opacity value set ..

Hope this helps..Happy coding

I think this solution looks great, well done!

Only a few small improvements to suggest

• if the image has a hover style that needs an anchor tag too. It will need labelling
• you don't write words like "image" in an alt attribute. The element is already an image. If it is meaningful content it needs to be a brief description, like how would you describe it to someone sitting across the room from you who couldn't see it. If its not a meaningful image (like the eye icon) the alt should be left intentionally blank
• it's invalid html to wrap a heading element in an anchor tag. Swap those around so the anchor is inside the heading
• some of the text on this is unreadably small

That's all from me. Well done again