Skip to content
Submitted about 3 years ago

HTML CSS NFT preview card

Eduardo Pinheiro•20
@EduMPinheiro
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I had some difficulties on this one. Align the icons with the text, I couldn't do it put a circular border around the avatar image

But I'm really glad I could do this!

Code

Please log in to post a comment

Log in

Community feedback

  • Mary Njoroge•150
    @Maryahcee

    To add a divider line before the avatar add a div with an <hr> element, then style it as follows: hr { width: 80%; color: white; }

  • Mary Njoroge•150
    @Maryahcee

    Hi Nice work here! To put a circular border around the avatar image Add this border-color: white; border-radius: 50%; border-style: solid;

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