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

QR Code Design

@Litheesh-kumar

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


What challenges did you encounter, and how did you overcome them?

greyish blue background color.couldn't be done.

Community feedback

Bryan Li 3,550

@Zy8712

Posted

Hi there! Your site looks pretty good.

The only thing I'd change is how you centered your card. Instead of making a container with 98vh, I would suggest something like:

body{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: 100vh;
   background-color:  hsl(212, 45%, 89%);
}

Hope yuo find this feedback useful 👍

Marked as helpful

0

@Litheesh-kumar

Posted

@Zy8712 Thanks for the suggestion! . I'll definitely give that a try and see how it improves the layout.

0

@Mtrxxo

Posted

Hello, the background color for the page is hsl(212, 45%, 89%)

Other than that... You did well

Happy Coding😊✨

Marked as helpful

0

@Litheesh-kumar

Posted

@Mtrxxo Thank you for the compliment! I've noted the background color change to hsl(212, 45%, 89%).Happy coding to you too!😊✨

0

@Mtrxxo

Posted

@Litheesh-kumar You're always Welcome

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