NFT Preview Card using HTML, CSS, Flexbox, Media Queries

Community feedback

• 

  Web Wizard•5,690

  @rsrclabPosted almost 3 years ago

  Hi, @GenesisGran ~

  Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

  Here are some of the tips I like to provide.

  1. I suggest you to add transition effects on card image overlay and heading etc.
  2. Try BEM for classing the elements, and that will help you a lot on bigger projects.
  3. I saw card goes over screen on smaller devices, and using max-width can solve this issue.

  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.

  Cheers ~

  Marked as helpful

  0

  ---

  

  Genesis Gran•270

  @GenesisGranPosted almost 3 years ago

  @tymren608 Thanks for the tips. I have added transition on card image overlay and heading. I will learn about BEM to use it on my next projects. I sometimes don't know what to name the class and I think BEM is what I need. I have added min-width on the container so that the card won't go over the screen on smaller devices.

  0