NFT PREVIEW CARD RESPONSIVE FOR 375PX AND PC

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  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!

  1

  ---

  

  David Obodoechi•70

  @davidlayoboPosted 12 months ago

  Hi @danielmrz-dev I forgot there was an hover effect i will check it out thanks 👍

  0
• 

  Ahmed Faisal•5,095

  @afrusselPosted 12 months ago

  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.

  0

  ---

  

  David Obodoechi•70

  @davidlayoboPosted 12 months ago

  Hi @afrussel I froget there was an hover effect maybe i will check to fix fix mine thanks for your help 😔 i kindly appreciate

  0

  

  Ahmed Faisal•5,095

  @afrusselPosted 12 months ago

  Hello, @davidlayobo

  It's perfectly okay, don't feel bad about it.

  1

  

  David Obodoechi•70

  @davidlayoboPosted 12 months ago

  I would like to chat with u privately to ask some questions@afrussel

  0

  

  Ahmed Faisal•5,095

  @afrusselPosted 12 months ago

  Hi @davidlayobo,

  Sure no problem, feel free to ask me

  0

  

  David Obodoechi•70

  @davidlayoboPosted 12 months ago

  How can i improve on JavaScript@afrussel

  0