Responsive layout using CSS flexbox

Hello Coder 👋

Congratulations on successfully completing the challenge! 🎉

Few suggestions regarding design.

• Don't use paddings or margins for centering the card as it will not dynamically center the card remove this and use either flex or grid for the same

• To properly center the card

• USING FLEXBOX on the parent element

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

• You are wrapping main and footer inside a div its unnecessary to do this.

• For non-decorative images give meaningful and descriptive alt like alt= "QR code to frontend mentor website".

• Use responsive units(rem, em, %) from next project. Explore respective use cases on google.

I hope you find this helpful.

Happy coding😄