QR Code

Hello there 👋. Good job on completing the challenge !

I have another small suggestion about your code that might interest you.

• You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.

  CSS resets that are widely used:

  • Reset CSS
  • "My Custom CSS Reset" by JoshWComeau

I hope you find it useful! 😄

Happy coding!

Your site looks pretty good. Some things I think you should add/change are:

• adding <main> tags around your page's main content for accessibility purposes
• for the title of the card you should use <h1> instead of <span>. Also instead of line breaks you should use margin-left and margin-right to adjust how much space the text has before it shifts over to the next line
• instead of using margin-top: 50px, you should try using flex box to center your card. It could look something like:

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

Hope you find this feedback useful 👍