@ShamSuther
Posted
Hello Amir,
Wonderfully done, but I couldn't help but notice that you are using margin to center the main component instead I suggest you use:
This code to get rid of unnecessary padding and margin:
*{ margin: 0; padding: 0; box-sizing: border-box; }
and these additional lines to body to center the QR Component:
body{ width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
and by adding this code you can remove most of the styling from your .container
class, just remember when centering an child component it's parent should have a specific height and width.
I hope you find this somewhat helpful, Keep up the fantastic work, and remember there's no rush. Enjoy the process! 😊💻✨