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

@NicoAguirre1105

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


Hi everyone!!

This is my first project finished. Feedback is welcome :) This project wasn't a hard one, but I had a small problem (I think). In the design's photos, I think the main card has a box shadow, but I couldn't create it properly with the starter information. Is there a shadow (and how it should be done) or isn't it?

Community feedback

Lucas 👾 104,420

@correlucas

Posted

Hello Nicola, congratulations for your first challenge!

About your question:

Its hard to guess which is the box-shadow only looking there's two ways you can do it. Open a program like Figma and recreate the shadoe there copy and paste the css code or use a online tool to generate the css box-shadow.

Check the css box-shadow generator here: https://www.cssmatic.com/box-shadow

The approximately value for this shadow is around box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.02); you can try that, is hard to note cuz there's really few opacity.

I hope it helps you!

Marked as helpful

0

@NicoAguirre1105

Posted

@correlucas Thank you!

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