Skip to content
Submitted about 2 months ago

QR Code Component using Flexbox

sunnyegg•80
@sunnyegg
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

As a backend developer, I always have been very bad at layouting a page. Learning Flexbox helped me layouting better than before.

Community feedback

  • Jas•180
    @ajasmine94Posted about 2 months ago

    Hello! I can relate to your comment here because I came here being a backend developer. I think you also did a great job on this! The only thing I noticed or could recommend is adding 100vh (viewport height) for the body so that your element / card could be centered with the help of flexbox

    Marked as helpful
    0
    sunnyegg•80
    @sunnyeggPosted about 2 months ago

    @ajasmine94 Hi! Thank you for your feedback and your kind words. I will try 100vh for the next challenge.

    0
  • Hazhir Naseri•180
    @hazhir00Posted about 2 months ago

    Great design, only thing i can mention is you can give your paragraph a bigger margin.

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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