Skip to content
Submitted over 1 year ago

NFT - Preview Card Component Main [Dark/Light Mode]

Snow•100
@LuanS0
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

In this challenge, I learned practical fundamentals of flexbox, CSS style and fundamentals and intermediate knowledge of Javascript, without using any framework. Another step of fundamental importance is related to the semantics of HTML and Javascript, in order to make the code more readable.

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Awesome work by customising the design and adding a theme switch feature! Nice choice of image as well and nice detail of giving a moon shape to the toggle when dark mode.

    • In dark-mode these texts: '0.041ETH 3 days left' seem to be too dark and unreadable, so you might change them into lighter value as well.

    • I personally find the scale up of the image a bit too much, usually a slight increase like up to 1.15 is good enough and subtle. But eventually it is matter of taste ofc :)

    Hope you find this feedback helpful!

    Marked as helpful
    0
    Snow•100
    @LuanS0Posted over 1 year ago

    @visualdenniss Thank you for your help and contribution!

    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