Creating QR Code using HTML for structure and CSS for formatting.

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?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @aendnn
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.
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