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

@TomasevicMarko

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

@Shamuskado22

Posted

Congratulations on completing

1
HamzeKabi 100

@HamzeKabi

Posted

For aligning an element at the center vertically I used the following snippet: display: table; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; whereas TomasevicMarko used: display:flex; justify-content:center; align-items:center; height:100vh I think his solution is better. Also I used internal style, while he used external

For writing texts the way they were displayed, I used: white-space: pre-wrap whereas he used box-sizing: border-box, and specifying its width and height. His solution is the right one

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