Skip to content
Submitted over 3 years ago

QR card component whit HTML and CSS

accessibility
Edgar Meza•140
@Edgar-Meza
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Praveen Perumal•740
    @solvedbiscuit71

    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

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