Submitted almost 3 years ago

Qr Code Component Main

itcss

Rich Kyle Bagui•20

@richbagui

A solution to the QR code component challenge

Preview Code

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.

Code

Please log in to post a comment

Community feedback

Kirsten ✨•460
@ofthewildfire
Posted almost 3 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.

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