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

QR Code Component

Flawed 10

@ThomasL08

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 think its about the speed I had completed this task as well as how close it looks to the design files next time I would make my setup more optimized.

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

The only challenges I encountered is with the responsiveness of the code I had always struggled to get the sizing to correctly change when it hit a certain screen size.

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

I would like some help with my css code writing and html mainly on trying to reduce redundancy in the code if there is any also I would like some feedback on the css sizing for mobile as it does look a bit off but I'm not sure what I need to change to make it happen

Community feedback

Mel 90

@devmelody

Posted

Hello, Thomas. Your image isn't coming up. Just the alt text. I tried checking your code but I couldn't figure out where the error came from. Your header text also, I think you mixed the colours up. It's darker. Asides that, every other thing is okay. ... You can use media queries or read up on it to learn how to make your work responsive. Here's an excerpt from my code: @media (min-width: 500px) { .container{ width: 300px;} } Goodluck with your learning :)

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