Skip to content
Submitted about 1 year ago

Static QR Code built with just HTML and CSS.

Todd Moussallem•110
@rtoddm
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

This is a simple project but it my first non-tutorial project since learning to code so I am proud of simply being able to complete it on my own.

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

The main difficulties that I encountered were learning to get the appropriate information from the Figma file and getting the page to display properly on GitHub Pages (it was a file path issue).

What specific areas of your project would you like help with?

Have I completed this challenge as intended? The design file in figma does not show any additional background but the "preview" file shows an additional background applied behind the grey box background.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Johann Maldonado•100
    @Johann-Alpha

    Click on the link I sent and it'll give you an idea of what you have to do. Do not worry about them saying there are mobile or desktop versions. When you do the desktop version, mobiles will accommodate the content automatically.

    Marked as helpful
  • P
    Johann Maldonado•100
    @Johann-Alpha

    Hi @rtoddm. I think that you misunderstood the aim of the challenge. You shouldn't have replicated the screenshot. On the other hand, you should have created the page for desktop, and it would automatically adjust for mobiles.

    My challenge isn't perfect and I have a lot of suggestions from our colleagues that I have to implement. I will share my URL so that you can see what it was all about. Click here for the QR code challenge

    Cheers,

    Johann.

    Marked as helpful
  • Todd Moussallem•110
    @rtoddm

    Hi @Johann-Alpha, thanks for the feedback! Perhaps I'm just a bit confused as to the directions for the challenge. The description says this is a good challenge if you haven't learned about building responsive websites yet. So I admittedly was unclear as to what that meant since there was a mobile and desktop view. Can you help clarify for me? Thanks for the help!

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