QR code component main

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  QR iMAGE ALT TEXT 📸:

  • Since this component involves scanning the QR code, the image is not a decoration, so it must have an alt attribute.

  ---

  • The alt attribute should explain the purpose of the image.

  ---

  • E.g. alt="QR code to frontendmentor.io"

  ---

  <img src="/images/image-qr-code.png" alt="QR code to frontendmentor.io">
  

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  1

  ---

  

  Victor Alejandro Contreras•60

  @vc743Posted over 1 year ago

  @0xAbdulKhalid Thank so much for the feedback, I completely forgot about the alt attribute😅, but I will add it.👍

  0
• 

  Stanley Nadar•370

  @istealersn-devPosted over 1 year ago

  Great effort!! with a small tweak you can center the component by adding height to the following code; specifying the body height allows the css property to align items accordingly

  body{
      background-color: hsl(212, 45%, 89%);
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-family: 'Outfit', sans-serif;
  }
  

  Marked as helpful

  1