NFT preview card compoment with Flexbox

Community feedback

• Account deleted

  Congrats on completing your first challenge, @RuFuRu! 🎉

  In your responsive.css, there are multiple media queries that are causing some inconsistent re-sizing issues on the card when the browsers expands and shrinks. I would look into why it is doing that and how you can fix it. One method you could use instead is a CSS function called clamp(), which I recommend you check out! It will let you to set a minimum width and max-width on your main element, allowing it to expand as big or small as you want in a smooth transition.

  Also, if you declare a height and width on your icons (using relative units), that should prevent them from getting squished in your flex-container!

  Overall, well done and happy coding! :)

  0
• 

  símios enfermo•440

  @FernandoChurrosPosted almost 3 years ago

  o "hover" não está funcionando.

  • Poderia colocar a "div" e a "img" dentro de outra "div", e colocando na "div" pai um position: relative, e na "div" filho um absolute, assim, a "div" filho iria respeitar o pai, e não precisaria setar top ou bottom.
  • A cor do bg em cima da img, você coloca ela no :hover.

  0