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 card component whit HTML and CSS

Edgar Meza 140

@Edgar-Meza

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@solvedbiscuit71

Posted

Hi there, good work on your solution

Your solution is almost perfect but there are some issue in your code,

  1. There no need for a box-shadow on the .body-card as there is a visual difference between the background color and the card's bg color.
  2. Instead of using margin-top: 40px on .body-card use display: grid; with place-content: center; on the body will automatically center it.

NOTE: set min-height: 100vh on the body for the (2) feedback to take effect.

Marked as helpful

0

Edgar Meza 140

@Edgar-Meza

Posted

@solvedbiscuit71 Thank you for your comment, I will take your recommendations into account.

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