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 Component using Flexbox

@indulakshmikr

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


Hi, Frontend Mentor Community!

I'm here with my first solution for a challenge - QR Code Component. I would like to seek your attention to review the solution provided by and request you to drop your valuable insights!

Thanks a lot!

Community feedback

Koli 110

@KoliOyama

Posted

You did good. Although I feel the positioning of the container could have been better.

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

The code above will perfectly center your container, preventing it from having the vertical scroll bar. You won't need to add a margin top to your container to push it vertically downwards.

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