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 html, css, flexbox

Borys Presniakโ€ข 40

@BorysPresn

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

Fastcheettahhโ€ข 300

@fastcheetah

Posted

Congratulations on completing your project, it looks very close to the design ๐Ÿ‘ I want to bring up the fact you should not use standard values for font sizes when coding webpages. REM allows you to scale the size of elements up or down easily by adjusting the root font size which you cant achieve with measurements like pixels. Unlike pixels, REMs are relative to the font size of the root element. This means that if the font size of the root element changes, all REM units throughout the document will adjust accordingly. If you want to get Rem you can divide your pixel value by 16 which is the standard font ๐Ÿ˜‰ Once again nice work on your project๐Ÿ‘

Marked as helpful

1

Borys Presniakโ€ข 40

@BorysPresn

Posted

@fastcheetah Hi! Thanks for the feedback! I completely agree that using pixels is a bad solution, I thought about rem/em, but for some reason did not use, probably because of the no actual need for adaptive, because the size of the card is small and the size does not change with a screen width of 320 pixels. Thanks for reminding me how to calculate the REM, I had forgotten how to do it :) Hope to see more of your feedback on my projects in the future

0
Fastcheettahhโ€ข 300

@fastcheetah

Posted

Thank you keep up the grind @BorysPresn

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