@Hassiai
Posted
Replace <section> with the main tag, <h2><p> with <h1> and <h3><p> with <p> to fix the accessibility issue. for more on semantic html visit https://web.dev/learn/html/semantic-html/
Give .QR a fixed width instead of a percentage width, the fixed width can either be 300px or 400px. Add min-height:100vh to the section/the main to center .QR on the page using flexbox, instead of giving it a margin-top value. There is no need to give .QR a margin value.
Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To there is no need to give the text a font-size.
Hope am helpful Happy coding.
Marked as helpful