Product Card Item, used with basic css/html and media query

Community feedback

• 

  Leandro Ferreira de Andrade•60

  @leandrofa1980Posted about 2 years ago

  Hi, I'll leave here some tips hope they help!

  I received feedback from my challenges about the alt="" tag in the images, it has to have a more elaborate text for screen readers.

  To change the image when the screen is used on a smaller device like a smartphone for example, there is the <picture></picture> element here you can learn more https://www.w3schools.com/tags/tag_picture.asp

  Classes need to have more characteristic names with what they represent, for example class="description" so future code maintenance makes it easier to identify what it does.

  Another way of implementing the previous price is with the <del> tag, here you have more information https://www.w3schools.com/tags/tag_del.asp

  Hope I helped, Happy Coding!

  Marked as helpful

  0

  ---

  

  Daniel Król•20

  @DanielKrol90Posted about 2 years ago

  @leandrofa1980 Thanks, it works like a magic, and better than just alone <img>

  0
• 

  R3in4n•10

  @R3in4nPosted about 2 years ago

  Cara, to precisando de ajuda com responsividade, alguém conseguiu?

  0

  ---

  

  Daniel Król•20

  @DanielKrol90Posted about 2 years ago

  @R3in4n use media query. I needed to fix with mediaQ all my code to work on less 400px like on image design.

  0

  

  R3in4n•10

  @R3in4nPosted about 2 years ago

  @DanielKrol90 man, I even used MQ, but I'm having trouble centering the image, since I can't use <position>, I've tried using flex and grid, still without success.

  0