Submitted almost 3 years ago
NFT card component using flexbox and pseudo classes
@moheb2000
Design comparison
SolutionDesign
Solution retrospective
I reduced opacity for cyan active state of image. I want to set full opacity for eye viewer in center of image but I can't. Any advice?
Community feedback
- @MubeenAhmadShaikhPosted almost 3 years ago
Good work MOHAMMAD EBRAHIMI,
You can add your svg icon z-index of 2 it will be then displayed on top
Hope this helps you :)
Marked as helpful0@moheb2000Posted almost 3 years ago@MubeenAhmadShaikh Wow I didn't notice that when I was coding! Thank you
1 - Account deleted
Hi there π
Congratulate on finishing your project π. You did a great job π‘
I give some suggestions to help you take your project design to the next level ππ
- I think you should center the card so to do this add code below to
body
in CSS
min-height: 100vh; display: grid; place-items: center;
- About your question: remove the opecity from
.card__cover__hover
, instead, change its background tobackground: hsl(178deg 100% 50% / 50%);
Happy coding β
Maqsud
Marked as helpful0 - I think you should center the card so to do this add code below to
- @EmmanuelHexerPosted almost 3 years ago
Great work overall man. Keep it up
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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