All comments

• 

  Krisztina Kovari• 60

  @krystonen

  Submitted 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

  40

  

  Sachin Khatri• 30

  @sachinkhatrilin

  Posted almost 3 years ago

  Great job!

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Nishant Sawant• 70

  @Nishant-afk

  Submitted 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

  20

  

  Sachin Khatri• 30

  @sachinkhatrilin

  Posted 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