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

My solution on a QR code component

@jonhenrikaavitsland

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


I only used VSCode and Figma for this project.

I didn't really find it difficult, but I would like to get any feedback as to how I could have coded it better if anyone want to give me feedback.

Community feedback

@SalahShadoud

Posted

Hey There! Great Job u got the challenge Pixel Perfect, Well Done!

although i have a note for future projects:

  • i avoid using flexbox or gird in my recent projects or challenges in the body element because in a larger scale projects this will not work, so i tend to wrap my code inside a container and give body min-height: 100vh; then give the container height: 100vh;

  • and if you are interested i wanna introduce u to CSS Resets, its very useful and i use it in my projects and challenges as it get rid of all Element Default Behaviors like margins paddings images overflowing and many other things, i will leave this link so u can check it CSS Resets

Happy Coding

Marked as helpful

0

@jonhenrikaavitsland

Posted

@SalahShadoud Thank you so much for your feedback. I value your time and will take your feedback into consideration for future projects.

1

@SalahShadoud

Posted

i am always happy to give helpful feedbacks and share my thoughts, cheers man!

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