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
Request path contains unescaped characters
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found

Submitted

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

MiloosN5 190

@MiloosN5

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

Anna 10

@aendnn

Posted

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

MiloosN5 190

@MiloosN5

Posted

@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
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