Skip to content
Submitted over 2 years ago

QR Code Component

Michael Showes•140
@michaelshowes
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

Simple project, but always a good idea to go back to basic. Feedback and constructive criticism welcome.

Community feedback

  • Danilo Blas•6,300
    @Sdann26Posted over 2 years ago

    Hi Michael!

    Congratulations on finishing your first frontend mentor challenge.

    The only thing I would add is a small shadow on the card by adding box-shadow: 0px 2px 10px 5px 5px rgba(0, 0, 0, 0, 0, 0, .1);.

    For example:

    .container .card {
  background: white;
  border-radius: 18px;
  width: 325px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, .1);
}

    Nothing more to add, you have done super well, success in your future projects.

    0
    Michael Showes•140
    @michaelshowesPosted over 2 years ago

    @Sdann26 thanks, I completely neglected that!

    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