Responsive QR Code Component using CSS Flex Box

Hi iqra0001!

Regarding the design you have done well but try to remove the comments from your HTML as it is creating conflicts in the frontend mentor report.

Also change the <div class="main-container"> to <main class="main-container"> as it is semantically more accurate to use it in this context and in the end it has the functionality of encompassing all the main content of your project, being necessary to always put only one inside the body.

Don't forget to generate a new report after correcting so that the challenge comes out without any error.

If you can make the card slightly larger so that the word to goes on the second line.

With those details it would be perfect.

Hehehe good coding!

Hey! Congratulations on completing this challenge... You have accessibility issues that need to fix.

• Document should have one main landmark, Contain the component with <main>.

<main>
   <div class="main-container">
      //...
   </div>
</main>

Hope this is helpful to you... Keep coding👍