qr-code-component

Hi @patidarmk. Good work! I suggest you try a few small changes. First, the background color proposed by the challenge is hsl(212, 45%, 89%). On the other hand, the card title font should have another font ('Outfit', sans-serif;). Finally, I think you could explore some semantic HTML tags like <article>, <footer>, among others. Here is some interesting documentation about it: https://www.w3schools.com/html/html5_semantic_elements.asp Greetings. I hope all this will be useful to you on this path of web development.

Hi Mukesh,

Welcome to the frontend mentor community and congratulations 🎉 for completing this challenge, it was a great attempt. I found some issues I want to address:

1. It is best practice to wrap the main content within the main tag which would ensure that your content is wrapped within the correct landmarks e.g. <main class="container"></main>
2. You should also wrap the footer within the footer tag e.g. <footer class="attribution"></footer>
3. Your texts are missing the correct font-family which are provided within the style-guide
4. Also, the color for the title and description are also provided within the style-guide therefore it would be better to use the style-guide as a guide to recreate the design provided using the correct properties.
5. Instead of using the margin property to position the card, you can center the card by using the flex property on the body e.g.

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  flex-direction: column;
}

Overall, great attempt and wish you the best for your future projects so keep coding 👍.