NFT PREVIEW CARD RESPONSIVE FOR 375PX AND PC

Hello @davidlayobo

Your project looks good!

The only thing that's missing is the hover effect on the image, the title and the person's name:

About 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;
            }

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

Other than that, my friend, great job!

Hello @davidlayobo, Overall, not bad for a novice. The vision that responds well is likewise good. To solve the problem, I applied the hover effect. Please have a look at my solution; it might be able to assist you identify the problems you're having. Additionally, I used a seamless hover effect transition.