Pure HTML & CSS NFT preview card component

Community feedback

• 

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @John35961~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like your trying similar to BEM structuring and glowing box-shadow.

  Here are some of the tips I like to provide.

  1. Adding transition effects on hoverable elements will make your work more beautiful.
  2. I think max-width would be better for card than using width.
  3. Using display: flex; align-items: center; justify-content: center; for parent of container will make your card being centered.

  https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

  Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

  Happy coding ~

  Marked as helpful

  1

  ---

  

  Jean Guillet•40

  @John35961Posted almost 3 years ago

  @tymren608 hi! Many thanks for the feedback, I did modify a bit my code with the transition on hover effect, and also centered the card vertically. Was struggling to do the later as I did not get how to make the container 100% height. I saw you used the vh unit on your code, I tried the same for my container and it worked just fine.

  Thanks! Jean

  0