QR Code Component with Flexbox

Solution retrospective
Just some modifications on my code.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @hyrongennike
Hi,
Add the following code on your body element instead:
body { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 100vh; margin: 0; background-color: var(--Light-gray); }
Also remove the height on the main element by adding the it results in the large white space at the bottom of the card and look at the report to correct those errors.
Congrats on completing and on to the next one.
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