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 Solution

@Alvaro-Neyra

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?

The design is quite the same. I would improve the box-shadow property, because I think is not quite the same.

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

The box-shadow property.

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

The box-shadow property, flexbox and the CSS in general.

Community feedback

Lisset B 120

@LissetBejar

Posted

Congrats in completing the project. You did very well!

Marked as helpful

1

@DanCodeCraft

Posted

Hey, it's pretty good. The only thing that's slightly off is the box-shadow a little too strong in contrast to the background.

As a suggestion, you could use something more subtle: box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.09);

Good job overall. :)

Marked as helpful

1

@Alvaro-Neyra

Posted

@DanCodeCraft Thanks so much for that suggestion, I will change it!

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