Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

SCAN ME

Antoine-thzβ€’ 90

@Antoine-thz

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ferβ€’ 3,970

@fernandolapaz

Posted

Hi πŸ‘‹πŸ», in case you want to take a look:

HTML / ACCESSIBILITY:

  • The main content of every page (the card in this case) should be wrapped with the <main> tag.
  • Every page should have an <h1>. It is good not to skip heading levels.
  • This is a meaningful image and in case the user can't see it, it should have an alt text with a description.

CSS:

  • You might consider using some CSS reset as a good practice at the start of each project, to have a clean starting point and reduce differences between browsers. For example, here are some very common and useful ones to get you started:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

An example from Josh Comeau πŸ”Ž

  • To center the content on the page you should add min-height: 100vh; to the body.

I hope it’s useful : )

Regards,

Marked as helpful

0

@waad2lf

Posted

you should be careful about the color you use

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord