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 page using Css flexbox

Rahul K. 50

@rahulkumarpahwa

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Dean 480

@Deanogit

Posted

Hi @rahulkumarpahwa,

Great work getting this solution built!

I was taking a look at your code and found something you might be interested in

In order to center the card in the middle of the screen, try including this code in your CSS file.

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

Remove the margin top on the .main selector for this to work optimally.

I hope this helps

Above all, your solution is looking great.

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