Skip to content
Submitted over 2 years ago

Responsive landing page using Html, CSS, Flex

Abdulmojeed Ayoola•80
@Abdulmojeed58
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

The problem I really encounter while coding this is my inability to develop a general css code for all selector. how can I improve on that?

Community feedback

  • Pranav•500
    @pranav1597Posted over 2 years ago

    Good work. I think you need to change the background image when you hover over the pic, the pic is not clear. add background: url(images/image-equilibrium.jpg), url(images/icon-view.svg), rgba(62, 255, 207, 0.2) (color can be anything you like) ; to the image:hover and also add background-blend-mode: overlay;. The overlay will work. Hope it helps, happy coding

    0
    Abdulmojeed Ayoola•80
    @Abdulmojeed58Posted over 2 years ago

    @pranav1597 Thank you very much, I really appreciate.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord