Qr code component

Hi, @doyin156!

Your project is not far from being finished, here's a few suggestions to make it even better:

• Your page should contain landmarks, so it makes your code easier to read on what content is what and also helps screen-readers to figure out what is what. In this case your card should be wrapped withing main tags and your attribution should be wrapped within footer tags.
• You are writing your CSS within the HTML, I would suggest making a separate file for CSS. Imagine this was a big website with a lot of styling and markup.
• Your body is the wrong colour. You are using the text colour. Background should be Light gray: hsl(212, 45%, 89%).
• You are using a h3 without a h1. Headings are supposed to follow the hierarchy (h1 > h2 > h3 > etc...). In this case it should be a h1 element. You can adjust the font size with CSS.
• Try to avoid using margin to center your objects. For centering your card I would suggest looking up "Flexbox".
• Try to avoid using px values as much as possible and use rem instead.

Hope this helps!