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

inaccurate pure html+css qr code component

f1r3 120

@f1r3place

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 like the transition on the hover! the thing itself looks decent

it's not that accurate tho :/ couldn't figure out how to get the spacing right, maybe have to spend more time on that

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

problems with scaling (such as the image), had to look up how to scale correctly

the spacing... i still don't know how to fix it D:

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

I'd like to know how to correctly space the text on the bottom. My paragraph isn't three rows for some reason.

Also would love to know how to pick out the sizes correctly.

Community feedback

@dimitrisdr

Posted

Nice work! I like the box-shadow transition. It is almost identical to the design pictures!

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