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 challenge

yanlsama• 170

@yanlsama

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 am learning to use the platform, the first challenge was quite motivating.

Community feedback

P
FO• 155

@de-furkan

Posted

Hi there,

Cool design! 🎉 Here are some pointers for improvement:

  • make use of flexbox to justify and align the the card to the centre of the page, as it currently seems off . You can do something like this:
/* create a <main> in html 
* and put the contents there,  
*then use flexbox on main */

main{
  display: flex;
  justify-content: center;
  align-items: center; 
}

Doing it this way can also help you to create a correct size for the page too like this:


html,
body{
  height: 100%;
}

main{
  min-height: 100%;
}

Marked as helpful

0

yanlsama• 170

@yanlsama

Posted

@dev-furkan Thanks, I will use that technique to center my containers.

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