Design comparison
SolutionDesign
Community feedback
- @HassiaiPosted almost 2 years ago
To center .Qr-code on the page, using grid add
min-height: 100vh;
to the body and remove the margin value in the body.There is no need to give .Qr-code overflow: hidden and a height value. if you want give .Qr-code a height value then change the value to auto.
Give .QR-code__content a padding value for all the sides and give .QR-code__title a margin-bottom value or .QR-code__description a margin-top value for the space between them
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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