QR Code Component

Hello there 👋. Good job on completing the challenge !

I have other suggestions about your code that might interest you.

• Always avoid skipping heading levels; Starting with <h1> and working your way down the heading levels (<h2>, <h3>, etc.) helps ensure that your document has a clear and consistent hierarchy. Source 📘

• The width: 100vw property in the body tag is not necessary. This will create a horizontal scrollbar on some devices. Also, the body tag is a block element and it will take the full width of the page by default.

• Use min-height: 100vh instead of height: 100vh. Setting the height to 100vh may result in the component being cut off on smaller screens, such as a mobile phone in landscape orientation.

  screenshot-imgur (landscape mode)📸

I hope you find it useful! 😄

Happy coding!

I like that work-flow with importing a .css file with variables. Only thing which I would like is that if I view your project with my smartphone which has 320px, I have to scroll down. Maybe you can fix that in your code if you like to practise the quality of responsibility.

But I learned something of your code and I wish you a good day and happy coding.