NFT Preview Card Component made w/ Flexbox
Design comparison
Solution retrospective
In the image, there seems to be some kind of <box-shadow>, but I'm not sure how to accomplish this. The blur doesn't seem to work that way...Unless it was simply to outline the card in the design. In which case...I added a nice <box-shadow> in order to really outline the card!
Any suggestions are welcome, particularly on the organizational side of my style.css. For some reason, I think I create too many classes when I could be using pseudo-classes or symbolic references such as >, ::after, ::before, etc.
Last but not least, the creation of <a hrefs> was a design choice as the active states could look like links to profiles. If this is not intended, then let me know the proper alternative.
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