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

Responsive QR App

Berk Uçar 210

@BarrickUAR

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@dev-feriansyah

Posted

Greetings @BarrickUAR 👋, Congratulations, it looks very close to the design!

I have some suggestions about your code that might help you

  • I see you use a lot of flexbox and setting width in a lot of element. I assume you changed this value a lot to match it with design. You can use box-sizing: border-box; in all elements, it really help you specify specific width or height of element without adding padding, border or margin on it. you can read more on this blog by Cindy Kandie
  • Try removing letter-spacing, I think it looks closer to design without it

Hope you find this helpful. Keep coding and happy coding, too! 😁

0

Berk Uçar 210

@BarrickUAR

Posted

@dev-feriansyah Thank you for your Suggestion, normally im usin css reset codes but i did not use that code in my frontendmentor projects

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