qr-code-component-main

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Replace<div class="card">with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues. click here for more on web-accessibility and semantic html

  Add the alt attribute alt=" " to the img tag to fix the error issue. The value of the alt attribute is the description of the image.

  There is no need to give body a min-width value. To center .card on the page using grid, add place-items: center to the body.

  To center .container on the page using grid:
  body{
  min-height: 100vh;
  display: grid;
  place-items: center;
  }
  

  There is no need to give .card a margin value. Add a font size of 0.9375rem to .qr-content, this will be the font-size of both p and h1.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1
• 

  Njuguna•190

  @lewmas9152Posted over 1 year ago

  Thanks for the tips, guess it is better now.

  0