Skip to content
Submitted almost 3 years ago

NFT preview card using mostly CSS Grid

Mateusz•60
@mafi328
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

So i had a problem with setting image "icon-view.svg" to white (it's gray instead, cause opacity). How did you guys would solve it? And what is your overall impression on my code and what could i improve?

Community feedback

  • Web Wizard•5,690
    @rsrclabPosted almost 3 years ago

    Hi, @mafi328 ~ I have studied your work and it's really great! About answer to question you asked about icon-view image, I think that's because you added opacity to whole layer. I added only to background color, not image. And that made desired result. Also I hope you solution to have transition effects, so that we can see smooth color changing.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH Here is my solution to this challenge, and if it can help you even a bit, I will be greatly happy with it. Cheeers ~

    0
    Mateusz•60
    @mafi328Posted almost 3 years ago

    @tymren608 ahh right i forgot that 'background-color' could have transparency property in itself xD Thank you for your feedback!

    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