QR Scan Code challenge

Congratulations on your first project!

Some improvements

• Adding landing marks I.e main and footer
• You don’t really need to give everything a class name, just target by elements
• Use flexbox where you have container
• Centralize the card by css main {display: flex; justify-content: center; align-items:: center;}
• Needs some improvement for mobile (although not bad for starters)

What I like

• Good UI
• Your effort

Keep up the good work, stay motivated

Replace <div class="container back-bone"> with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues. for more on semantic html visit https://web.dev/learn/html/semantic-html/

To center a content on a page, add min-height:100vh; to the body and remove the height value.

Give h1 and p the same padding-left and padding-right values.

Hope am helpful

Well done for completing this challenge. HAPPY CODING