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

css flex display, borders id's

@paradox143yab

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


i found it difficult to summit my project in git hub the instructions are not clear

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello,

Very nice project! It looks great!

I have a quick tip for you!

You can place your card in the middle of the page by doing this:

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

If you do that, you don't need to use margins to place your card in the middle! It's simple and helps a lot. I hope it's useful!

Also, check the style-guide file so you can get the right font-family.

Those tips will help you to make your project even closer to the original design.

Other than that, great job!

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