Skip to content
Submitted over 3 years ago

Flex box

Leonard Appelgryn•320
@KaptainCS3
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

NFT card task done /* My difficulty was */

  • Creating hover effect on the image
  • and the horizontal break line :(.

All your feed backs are Welcome.

Code

Please log in to post a comment

Log in

Community feedback

  • Alicia•40
    @AliciaT08

    Hi, If you were having trouble with the horizontal rule line, another idea is to instead create a bottom border for your <div class="stats"> container. Then you can add space between the text and the line by adding bottom padding to your div container.

    Hope that helps!

    Alicia

    Marked as helpful
  • Leonard Appelgryn•320
    @KaptainCS3

    Accessibility issues All page content should be contained by landmarks What does this mean?

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