QR Code Component using Flexbox CSS and HTML
Design comparison
Solution retrospective
Hello, everyone! I am so excited to have completed my first FEM challenge. I struggled with margin, padding and sizing the <h2> and <p> tags to resemble the challenge design.
How could I have done it better?
I really didn't know what to do with the FEM mascot, so I left it off entirely from my solution.
What could I ahve done with it?
Community feedback
- @LooceePosted about 2 years ago
Hey, great job on replicating. However I noticed your work isn't in the center. Try using Body { Display: flex; flex-direction:column; justify-content:center; Align-items: center; min-height:100vh; } I also don't think the <small> tag was necessary, you can always change the font size of the <p> tag. Hope this helps and 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