QR Code Component Main

To center a content on a page, add min-height:100vh; display:flex; align-items-center: justify-content: center; to the body. There is no need to give main 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

Hope am helpful.

Well done for completing this challenge, you did a good job. Happy Coding

Looks great, make sure to add alt tag to the image and use h1 for the text "Improve your front-end skills by building projects "

To start with you can center the card vertically with Flexbox, overall the project looks promising.

The work is well done and is very similar to the preview, congratulations! The only thing I would suggest adding is a slight shadow to the card, which is present in the example template. I am confident that with your skills it will not be difficult to complete this step as well! Best regards.