qr-code-component-main

HTML

• There should be a main element in your html
• Never skip headings, there can't be a h2 if there is not first a h1 (headings in html are not used for style, just for importance of an element, bigger, bolder styles should be included in your css)
• Your image alt is empty, don't forget this, it's important.
• Too much and not useful div's

CSS

• Your css should be in a seperate file, not in the html file.

• Don't use id's in css, id's are difficult to overwrite, your specificity should be as low as possible, best practice is to use classes in css

• Your font-size should never be a px unit, but rem unit. https://fedmentor.dev/posts/font-size-px/

• Use a css reset, look on Andy's bell website for a good and modern one.

• You should start mobile first, don't use media queries for mobile first, but for tablet and desktop. (also, use rem instead of px and a min-width instead of max-width.)