Vanilla CSS QR Code Component

Community feedback

• 

  Koi Hastilow•90

  @KoiHastPosted over 1 year ago

  Hey, great job on your first project! If you want, here are just a couple of tips to improve your code a bit ^_^

  • You want to wrap the main part of your html in a <main> element, just to improve semantics and readability.

  • You also may want to wrap the div.attribution in a <footer> element for the same reasons as above.

  • I saw you added an alt attribute to the QR code image but didn't add any content to the tag. As it is a key image on the page and it's important for users to know what the image is, filling that in with something like "QR Code for FrontEndMentor.io" or something like that would improve accessibility for those that can't see/access the image. You typically want to use empty alt attributes for things like icons that don't really add any real meaning to the page.

  I'd analyze your CSS, but I'm still learning a lot of those rules myself, so I don't want to steer you wrong. I hope the HTML tips help you out, though! 🌺✌

  Marked as helpful

  1