NFT Preview Card Project

Hey! There is an issue with the view-icon transparent... to fix it, Use background-color: hsla(178, 100%, 50%, 0.5); instead of background-color: hsl(178, 100%, 50%); and change opacity: 0.7; to opacity: 1;

.main-photo-overlay-primary {
    background-color: hsla(178, 100%, 50%, 0.5);          /* <---Changed*/
    border-radius: 10px;
} 


.main-photo-overlay:hover {
    opacity: 1;          /* <---Changed*/
    cursor: pointer;
}

Hope this is helpful to you... Keep coding👍

Hi TamVik!

Your challenge looks really good, I would only recommend you to center it vertically as follows:

body {

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;

}

At most I will tell you to add a little bit of shadow to the card to make it look like the design but you have done quite well, congratulations!