Skip to content
Submitted over 2 years ago

Qr Code Component Main

Rich Kyle Bagui•20
@richbagui
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

This is my first time taking the challenge here, I find it difficult to center the content as I have only a little knowledge of CSS. I am not sure about the width and height of what I did. I will take more challenges here to challenge myself. I took this challenge for atleast 4 hours.

Community feedback

  • Kirsten ✨•460
    @ofthewildfirePosted over 2 years ago

    You did a really good job, however, i would recommend, and this was probably just a typo on your part changing your first class margin settings to reflect this:

        width: 280px;
    background-color: hsl(0, 0%, 100%);
    border-radius: 20px;
    margin: 0 auto;

    instead, so that the card is centered on the screen.

    Also, without pro, the heights/widths are just eye-balling, but truth be told, your eyeballing was spot on for the vast majority of the challenge. Good luck on your future challenges.

    0
    Rich Kyle Bagui•20
    @richbaguiPosted over 2 years ago

    @ofthewildfire thank you so much for the feedback! Appreciate it.

    0

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