Skip to content
OverviewSolutions
1
Comments
2
Sachin Khatri
@sachinkhatrilin

All comments

  • Krisztina Kovari•60
    @krystonenSubmitted almost 3 years ago

    When I got stuck with the hover state part of this challenge, I started to look at other people's solutions (on the slack channel) and I was surprised to see that many solutions didn't implement the hover state properly or at all. I would be curious to see how others solved this problem.

    NFT preview card component using HTML and CSS

    4
    Sachin Khatri•30
    @sachinkhatrilinPosted almost 3 years ago

    Great job!

    Marked as helpful
    0
  • Nishant Sawant•70
    @Nishant-afkSubmitted almost 3 years ago

    Please provide suggestion on writing efficient code:

    1. I have used very basic of html/css to do the card.
    2. I had a hard time trying to do the active states of images and the line with images + text(the 3 days left): is there a better way?
    3. I did try to match everything as i can but i can't seem to make it fit in one page(the vertical height- tried using max-height and setting the height but no success) NEED HELP FOR THIS

    nft-preview-card-component(html&css)

    3
    Sachin Khatri•30
    @sachinkhatrilinPosted almost 3 years ago

    You may use flex container for the two lines with images+text, so that those two lines be treated as two columns. Don't use max-height. You may limit the image to about 300px width. Edit: Use class:hover

    0