NFT Card using Flexbox

Community feedback

• 

  Fer•3,970

  @fernandolapazPosted over 1 year ago

  Hi 👋, just a couple of things in case you want to take a look:

  • Whenever there is a hover state over an element it means that it is interactive, so there must be an interactive element around it (like a link or a button). So, we should also use a <a> or <button> to wrap the image (depending on what happened when clicking on it).

  • As part of your CSS reset, it's important to include the box-sizing property to allow us to include padding and border in the overall width and height of the elements:

  * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  }
  

  More about CSS Reset from Josh Comeau 🔎

  I hope it’s useful : )

  Nice solution btw.

  Regards,

  Marked as helpful

  0

  ---

  

  Kenny Burger•50

  @IcxlessPosted over 1 year ago

  @fernandolapaz

  Thanks for the helpful information! I appreciate the tip about using an interactive element to wrap the image when there is a hover state. The CSS reset code you provided is also a good reminder to include the box-sizing property for better control over element dimensions.

  Thanks again for sharing this knowledge!

  1