My First Frontend Mentor Project! - QR Code

Replace <div class="card"> with the main tag, add the alt attribute alt=" " to the img tag and replace <p class="title"> with <h1> to fix the accessibility issue. click here for more on web-accessibility and semantic html

To center the .card on the page using flexbox, replace the height with min-height:100vh. there is no need to give the body a width value.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING

Hi HelloImAron👋 Great job on completing this challenge! 🥳

• One suggestion is to use tools like Autoprefixer. Autoprefixer is a tool that automatically adds vendor prefixes to your CSS code, based on the browser support you want to provide. It uses data from the Can I Use database to determine which prefixes are needed for a given CSS feature, and adds them to the code automatically, saving you from having to manually add and manage prefixes. Find Autoprefixer here.

Overall, this is a very well done solution to the challenge. Great job!

Hope I'm Helpful! 👍

Keep up the good work! 😊❤️