NFT Card created using Flexbox

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello Nicolas, congratulations for this challenge!

  I saw that you did a good working replicating the challenge and also looking the design everything seems correct. You can consider to fix only two minor details:

  1.Use max-widthover width to your container properties in order to make the container flexible and able to shrink under smaller screens.

  2.Apply a better and smoother box-shadow using a value around box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 7%); the shadow you've applied is too strong. I know is tricky work with shadows so you can use some online tools to have easy and just drop the code on your css.

  See one good tool for generating css box-shadows here: https://www.cssmatic.com/box-shadow

  I hope it helps you improve your solution. Keep it up and happy coding!

  Marked as helpful

  1

  ---

  

  Nicolas•250

  @nicolas055Posted over 2 years ago

  Hello Lucas, Thanks for your feedback!

  I'll try and fix these issues I also really liked that box-shadow generating tool I'm sure It will be very helpful in the future, Thank you so much!

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @nicolas055 you're welcome, keep going✌️

  0
• 

  Michael Waaler•230

  @10highPosted over 2 years ago

  Hey there, your solution looks really good, but as you can see from the generated report, your code has a number of issues.

  I think it would be a good idea for you to start looking into accessibility, such as using semantic markup. Here's a good intro to the subject: https://www.w3schools.com/accessibility/

  Good luck and keep up the good work.

  Marked as helpful

  1

  ---

  

  Nicolas•250

  @nicolas055Posted over 2 years ago

  @10high Thanks for your feedback, I'll try to fix this issues and learn more about accessibility before starting my next project!

  1