Skip to content
Submitted about 3 years ago

NFT Preview Card with HTML/CSS

Brandon•80
@oallelsefailo
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I'm not sure if I did the text 'correctly' in terms of positioning. I used padding to try to line it up with the image but i'm not sure if there's a better way to ensure they are aligned.

I also feel like I used an excessive amount of classes..

The on hover for the main image was a bit of a challenge but I think it came out well.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Maria•130
    @maaghia

    I can see that you did a really good job cloning that card. however I have a small tip concerning the img tag <img src="images/image-equilibrium.jpg">, make sure you add some alternate text. the alternate text shows in case the image fails to load or the user uses a screen reader (blind people do) you can put in there the name of the image or some expression that describes it

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