Submitted over 1 year ago

my solution for QR code component challenge

chems eddine bourabia•150

@chemsodev

A solution to the QR code component challenge

Preview Code

Solution retrospective

I found a difficulty in centering but I figured it up ,I tried my best and I'm sure of all what I wrote it my code.

Code

Please log in to post a comment

Community feedback

P
Daniel 🛸•44,810
@danielmrz-dev
Posted over 1 year ago
Hello, @chemsodev!

Your project looks very nice!

You did a great job centering your card using position.

There's another very good way, in case you wanna practice more:
```
body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
```
This will place your card in the middle of the page with no need for margins or paddings. I use both your way and mine, depending on the project. They are both correct 😊

I hope it helps!
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