Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Static QR Code built with just HTML and CSS.

P
rtoddm 80

@rtoddm

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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.

Community feedback

P

@Johann-Alpha

Posted

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

0
P

@Johann-Alpha

Posted

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

0
P
rtoddm 80

@rtoddm

Posted

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!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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