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 card

@rodrigoo-alves

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


What are you most proud of, and what would you do differently next time?

Im proud of the CSS because it took me no time to make and the html was easy to do and I have struggle with this two for a long time

What challenges did you encounter, and how did you overcome them?

I didnt encounter a challenge on this project

What specific areas of your project would you like help with?

If someone have a CSS tip or HTML that would improve my code I appreciate

Community feedback

@MlcodeDev

Posted

I love this project but you should use rem units rather than px for font-size so that it won't interfere with user preferences. Some people, especially old people like to set a larger font size, and rem is a scalable font size so it makes it possible to scale up, but when you set your font-size to px, it is unable to scale.

Marked as helpful

1

@rodrigoo-alves

Posted

@MlcodeDev thanks i will make the changes, I learned to always use px but i know that rem is better for resposive, just need to get used to

1

@MlcodeDev

Posted

@rodrigoo-alves px is a good unit for styling borders, letter-spacing etc. but because of it's unscalable nature when you apply it for e.g. to margin or padding it would look terrible on different viewport's.

0

@MlcodeDev

Posted

@MlcodeDev I recommend learning em, rem, vw, vh and know when to use them, kevin powell made a great video about it, I recommend checking it out https://youtu.be/N5wpD9Ov_To?si=mZnTh2GM1F8YszG2

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