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

HTML and CSS only

P
tomdu3 20

@tomdu3

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


Not sure about the colours. They look different from the design images.

Community feedback

@cmachdev

Posted

Hi, good work but add

in the body to center horizontal and vertical use min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;

this is the right color to the background hsl(212, 45%, 89%)

delete in .windows margin: 10em 0;

Marked as helpful

1

P
tomdu3 20

@tomdu3

Posted

@cmachadodev thanks

0

@cmachdev

Posted

@tomdu3 you're welcome

0

@francescomerighi1202

Posted

Hi there!

Your solution looks good!

Center the card vertically and horizontally using flexbox or grid

(Ask me if you don't know how)

Otherwise take a look at my solution and try to figure it out yourself, I hope I helped ;)

Marked as helpful

1

P
tomdu3 20

@tomdu3

Posted

@francescomerighi1202 grazie. cheers

1

@francescomerighi1202

Posted

@tomdu3 marca come utile se riesci. mark the comment as useful if you can

1

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