NFT-preview-card

Hello

Your project looks great!

About the hover effect on the image, it's a bit tricky, but here's how you can do it:

HTML

<img src="images/image-equilibrium.jpg" alt="Equilibrium" class="pic">
    <div class="icon">
      <img src="images/icon-view.svg" alt="icon-view" class="icon-view">
    </div>

CSS

         .pic {
            width: 300px;
            background: url('images/icon-view.svg') center center no-repeat;
            background-color: $Cyan-hover;
            background-size: cover;
            margin: auto;
            border-radius: 10px;
        }
        .icon {
            display: grid;
            justify-content: center;
            align-items: center;
            position: absolute;
            opacity: 0;
            background-color: $Cyan-hover;
            width: 300px;
            height: 300px;
            border-radius: 10px;
        }
            icon:hover {
                opacity: .5;
                cursor: pointer;
            }

Just don't forget to change the class names to match your project's.

• header and footer are macro tags, they mean header and footer of the page. They are not used inside other elements. You can replace your header and footer with divs.

• Also, you can add a hover effect on the h1 and the name of the creator.

I hope it helps!

Other than those little details, you did a great job!