Product preview card component

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Replace <section id="cardContainer"> with the main tag and <div class="attribution"> with the footer tag to make the page accessible. click here for more on web-accessibility and semantic html

  There is no need to give the body a min-width.

  For a responsive image that will change the images at different screen sizes use the picture tag. For more click here

  You dont need to resize the image to fit into the container, give the img a width of 100% ad display: block and it will fit into the container. for a responsive image that will shrink as the screen size reduces and becomes bigger as the screen size increases give the img a max-width of 100%.

  Use the colors that were given in the styleguide.md found in the zip folder you downloaded.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  0