Skip to content
Submitted 2 months ago

Solution using CSS flexbox

EfthymiosK•180
@EfthymiosK
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 are you most proud of, and what would you do differently next time?

Next time i will use tailwind-css.

Community feedback

  • Victoria•80
    @vcalvo25Posted 2 months ago

    The code is well-structured and is readable. The solution is extremely close to the original design. In the original, I believe there may be a slight drop-shadow towards the bottom of the card to make it pop from the page.

    Looks awesome on mobile devices; however, the footer shows a lot more white space when used on devices with a larger height of over 500 pixels (iPads and desktop monitors). Overall well done!

    Marked as helpful
    1
    EfthymiosK•180
    @EfthymiosKPosted 2 months ago

    @vcalvo25 Thanks for the feedback!

    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