QR Code Component Beginner Challenge

Hi Tonsz, great work on this challenge!

Here are a few tips for improve your code:

• add main tag and wrap the card for improve the Accessibility
• img element must have an alt attribute, it's very important!
• remove all unnecessary code, the less you write the better as well as being clearer: for example the div container of image
• remove margin and transform properties from .main class
• use flexbox to the body for center the card. Read here -> best flex guide
• after, add min-height: 100vh to body because Flexbox aligns child items to the size of the parent container
• instead of using px try to use relative units of measurement -> read here

Overall you did well 😉

Hope this help and happy coding!

Hey tonsz, good job completing this challenge. Keep up the good work

You solution looks great however I think your card needs some margin from the top using margin-top.

In terms of your accessibility issues

• Images must have alternate text, simply mention the alt attribute with a description of your image.

• wrap all your content between main tags to get rid of the rest of accessibility issues

In terms of your validation errors it will be resolved when your accessibility issues are fixed

I hope this helps

Cheers Happy coding 👍