position border-radius margin font-size font-weight background-color

Hi @degmaa,

Nice project! Here are a couple more tips:

Positioning Trick: To center a card or element without using Flexbox, you can set its position to absolute, then use left: 50%, top: 50%, and transform: translate(-50%, -50%). This technique is great for centering elements both horizontally and vertically.

ARIA Labels for Accessibility: If you're unsure which semantic HTML element to use, opt for a <div> with an aria-label instead. This approach enhances accessibility, especially since the <center> tag is no longer valid in modern HTML and is only retained for compatibility with older codebases. ARIA labels help screen readers understand the purpose of your content.

Hope these tips help!

Best, Teodor

Hi!

Congratulations on solving you QR-code. I just checked your site > inspect and I noticed that you did not use any <div> or <section> element. <div> is great and should be used for making boxes ("containers"). You could make 1 outside div (parent container) and 1 inside div (child container- which would represent part of qr code itself). They are easy to position and modify once you get the understanding of flexbox. display: flex; flex-direction: (choose the direction of element and you are ready to rock) That is how i did it. Strongly encourage you to check, flexbox