Submitted almost 2 years ago
NFT preview card component (Your, welcome, Flex Box)
@GeorgeBryzh
Design comparison
SolutionDesign
Solution retrospective
I struggled with laying an eye on half-opacity green nft-image unsing background-image
option. So I solved it adding an div
for eye image into general nft image div. I applied an background-color
into parent div to make an transparent color with HSLA value, i regulated opacity thus. For both of divs i used an background-image
to assign an responsible image
Here is a question. How to make div with background squeeze. If there was <img/>
i could use an height: 100%
to make an square, that can flex for card with?
Community feedback
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