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

QrCodeComponent.ndh

@NateDaveHill

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?

I am most proud of being able to replicate the project and have my first HTML / CSS page deployed!

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

Getting the corners on the right radius becuase using % instead of px made the corners look a bit choppy. But then using px instead for the properties made the corners rounded. Additionally I was also having a hard time to figure out the img src when deploying the page. At first I had the local path to the img as src and had to dig a bit further to find out how to link the right path when using Netlify as tool to deploy the Website.

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

I did see that the h1 and h2 underneath the QR code were left and right aligned, when looking at the expected result. I was not sure how to have both of these html elements in a container that would ensrue that they are aligned like a box and line up left and right instead of how it is now on my finish product.

Community feedback

Ulrikcar 10

@Ulrikcar

Posted

I would've left the design without a border as it was the original design, but you did great; I mean, it looks great

0

@NateDaveHill

Posted

@Ulrikcar

That is a great point, thanks for that feedback!

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