Skip to content
Submitted over 2 years ago

My first attempt with ::before and ::after.

Szczepan•50
@bczbcz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, any feedback will be great. I'm shocked with posibilities of ::before and ::after with additional HTML. This was my first try. How about positioning this kind of elements? Is there some better way to do this?

Community feedback

  • Cédric•50
    @VarodAPosted over 2 years ago

    Hello, good job!

    If you want to improve things you can use :before for the background and :after for the eye icon. This will allow you to manage their opacity separately and have the eye clearly visible.

    Keep Going

    0
  • Hexer•3,660
    @EmmanuelHexerPosted over 2 years ago

    Great work overall man. Keep it up

    0

Please log in to post a comment

Log in with GitHub

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