Skip to content
Submitted over 3 years ago

Repository landing page using HTML and CSS

yoyo-ka•20
@yoyo-ka
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

My biggest problem: The hover at the round corners has a delay and I did not figure out why! Why?? (I use Chrome) Is there a other/better solution to center the SVGs? Is there a other/better solution to align the timer on the right side? (in general: two <p> in the same line but different alignments)

Thank you in advance! :D

Code

Please log in to post a comment

Log in

Community feedback

  • Andy•520
    @AndyAshley

    Hey Yoyo-Ka. Great job on the challenge, it looks awesome! As for your question- with the layout of your code you could make the .layer class have a transparent background, and then hsl(178, 100%, 50%) on hover. Also the <time> tag you used isn't in the correct format, that's why its giving that error. I would just give it a regular class :) . Wrapping everything up in the body with a <main> tag will clear the other error of not having a landmark for your content. Hope that helps and happy coding!

    Marked as helpful

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