Creating QR Code using HTML for structure and CSS for formatting.
Design comparison
Solution retrospective
Since I want this project to be responsive, how I need to work with font-size? If someone use ex. font-size: 50px in the browser settings, how the text will follow other elements on the page (ex. its parent). Should I use functions like clamp, calc, media query or something else? Is it fair to use limit such as 50px even if you choose font-size 72px?
Community feedback
- @aendnnPosted about 2 months ago
Sorry i can't answer to your question because I usually use pixels. But I see that your solution is really good, you are using semantic tags and your code is readable. What I want to edit is remove width: max(min(20rem, 600px), 320px); it's so long and hard to understand and if you want 100% similarity with design you can use height: 100vh for body and your content will stretch on full device height.
0@MiloosN5Posted about 2 months ago@aendnn Thank you for your review! Still, I don't understand why I should remove "width: max(min(20rem, 600px), 320px)" because then this card will be much bigger, not the same as in the design.
0
Please log in to post a comment
Log in with GitHub
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