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

Basic CSS

@neilk17

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hardest part was fitting the image with margins

Community feedback

David 8,000

@DavidMorgade

Posted

Hello Neil, welcome and congrats on finishing your first challenge

With your permission, I would like to give you a little advice,

For centering your component, instead of using margins you could have use flex-box directly on your body to center it perfectly with a few lines of code, something like this:

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

Hope my feedback helps you for future projects, good job!

Marked as helpful

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