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

Mirjax2000 680

@Mirjax2000

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?

I made component to the center of the screen with flexbox. I also use sass function target/content for em unit calculation.

@function em($target, $content) { @return calc(($target / $content) *1em); } for example .card{ margin-bottom: em(32,16) }

there is no fixed values, all is in em unit. So if you change default font size everything will change properly.

next time i will add javascript function for that qr generator instead of picture only and on the backround i will try to make circle with css. position relative and so on.

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

recalculate to the em unit.

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

I think its is all right for the moment

Community feedback

@amna1526

Posted

In my opinion, and that is the opinion of a noob, your work is awesome, keep it up!

Marked as helpful

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