Submitted 6 months ago

html, css, flex-box

Vardhan Battula•30

@Vardhanb07

A solution to the QR code component challenge

Preview Code

Code

Please log in to post a comment

Community feedback

id-nynt•80
@id-nynt
Posted 6 months ago
Great job on completing this challenge! Here are some suggestions for your layout
- Maybe you can wrap the QR and text in another component <card> and wrap the <div class="attribution"> in <footer>
- Then the <card> and <footer> should be aligned differently, instead of aligning them all together in <body>
```
body {
    background-color: hsl(212, 45%, 89%);
    margin: 0;
}
.card {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
```
Juan•10
@juansillva
Posted 6 months ago
Very good!

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