Skip to content
Submitted over 2 years ago

Sek-NFT-Card - HTML + CSS

sek-devops•110
@devwinner-sek
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. About this challenge, my difficulties were:

  1. The active state, how to hide image and display it only on hover using HTML + CSS only (i have used opacity), is there other solutions for it ?
  2. How to create grid for content using html css only (i used to do with Bootstrap Grid)?

Community feedback

  • Sabine•40
    @SabineekloPosted over 2 years ago

    Congrats, I like the way you commented your code. About the active state , you could have used display none and then set the display on hover. And for grid content, you can read about Css grid and Css flexbox.

    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