QR code component using HTML and CSS

Solution retrospective
Making it responsive in terms of height was most challenging for me. Kindly let me know if I did it right
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Ezekiel225
Hello there 👋 @MercySitienei.
Good job on completing the challenge !
Your project looks really good!
I have suggestions about your code that might interest you.
Consider changing the background-color of the body element to hsl(212, 45%, 89%) then add the rest of the code to the body element of your project so as to centralize it.
body { background-color: hsl(212, 45%, 89%); min-height: 100vh; justify-content: center; align-items: center; }
Consider changing the color of the paragraph tag to hsl(220, 15%, 55%)
p { color: hsl(220, 15%, 55%); }
I hope it helps!
Other than that, great job!
Happy coding.
Marked as helpful - @Covenant-0
You did very well for your first project, however it still needs a few adjustments.
- The image is not centered in the desktop view
- For the background and text colors, check the styles guide for the correct color.
- Your body should have a main element.
- If possible indent your code properly so as to make it easier for others to read your code.
- As for the height, you can set the height of the body to 100vh
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