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 component with flexbox

@gonskaya

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 challenges did you encounter, and how did you overcome them?

I couldn't figure out if there is a way to get box-shadow parameters from Figma, so I just tried to create a shadow that looked similar.

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

Should I use em/rem units for everything, or is it okay to leave border-radius and, say, box-shadow in pixels? Right now it's all in pixels.

I also opted to just use attribute selectors as the assignment is so small, so I don't really see the need for classes.

Community feedback

geomydas 1,060

@geomydas

Posted

You would typically use the rem unit if you want it to scale with the users set font size inside the browsers setting which is the case 99% of the time. You would typically use px for very very small stuff such as outlines, shadows, filters, borders

1

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