Skip to content
Submitted over 2 years ago

QR Code Component using Flexbox CSS and HTML

Godwin Okechukwu•20
@godwin-okechukwu
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

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

  • Loo_cee•230
    @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 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