Product card design using Grid

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <div class="container"> with the main tag and <h2> with <h1> to fix the accessibility issues. for more on semantic html visit https://web.dev/learn/html/semantic-html/

  Give .card-img img a max-width of 100% instead of a width and height of 100%. there is non need for background-size: cover in it.

  Use the colors that were given in the styleguide.md. You forgot to add a media query for the mobile design.

  Hope am helpful. Happy coding

  Marked as helpful

  1