Product preview card using HTML and SCSS

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  Hello Rickey, congratulations for your solution!!

  Answering your questions, in this challenge there's not much to do about semantic, you can consider adding <main> instead of the div to wrap card container and <picture> instead od <img> to display more than one image size depending of the device. You try to add some alt to the image and aria-label to indicate what is this element for a screen reader.

  In other challenges like landing pages you'll have the opportunity to work more the html semantic because you'll have more blocks to separate as sections, articles and etc.

  You can read this documentation to have an overview about html semantics:

  https://www.w3schools.com/html/html5_semantic_elements.asp

  Keep it up!

  Marked as helpful

  1

  ---

  

  P

  rhickey94•70

  @rhickey94Posted over 2 years ago

  @correlucas Thanks for taking the time! Much appreciated!

  1