Skip to content
Submitted over 2 years ago

2nd submit

Yoriss0607•40
@yoriss67
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I really appreciate Sam・90's kind advice. I could find the flaw of box-shadow even though I doubt if the detail is well made. Anyway, thank you for the quick comment !

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    Hello Yoriss, congratulations for your solution!

    I saw your component and everything seems great and responsive.

    If you want to have an a better box-shadow, you can use Figma to create it or and online tool to create the box-shadow without touching the code.

    Try this box-shadow generator to create the component shadow, your shadow is a little bit strong, needs more blur and less opacity.

    CSS BOX-SHADOW GENERATOR https://www.cssmatic.com/box-shadow

    The correct value is: box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%);

    Hope it helps!

    1

Please log in to post a comment

Log in with GitHub

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