QRcode component with pure HTML and CSS
Design comparison
Solution retrospective
Is there anything to improve? I tried to apply flexbox and the relative unit, did I apply them properly?
Community feedback
- @GitHub-dev12345Posted over 2 years ago
Congratulation to complete the challenge β€οΈπ My small suggestion : 1.In Card design CSS Code Used this:
transform : scale(0.8); this property decrease the size of card. π
large size for increase the number of scale & small size for decrease the number of scale
I hope you find this helpful
Marked as helpful1 - @msuryaditriputraRPosted over 2 years ago
I think you only need to put your CSS style on your stylesheet, not in inline style HTML tags
for easy to readable, maintainable, and to be consistent
Marked as helpful1 - @shashreesamuelPosted over 2 years ago
You can also practice using rem across your stylesheet to be consistent with your css units.
Marked as helpful0 - @Robert170304Posted over 2 years ago
it's perfect there is no need to change anything. yeah if you want then you can improve it's height. if you do that then it will be exactly same as challenge.
Marked as helpful0 - @NaveenGumastePosted over 2 years ago
Hello SINUT WATTANRPORN ! Congo π on completing this challenge
Let's look at some of your issues, shall we:
- The sub-text is very light colored so make it dark
-card and qr img make it less rounded
happy Codingπ
0
Please log in to post a comment
Log in with GitHubJoin 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