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

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 should have started practicing earlier. After a long tutorial hell for 2 year, I am unable to build a simple QR code as per standards. Please do not refer me to another tutorial, I just need to practice more. Feedbacks would be appreciated.

Community feedback

Asongafac 110

@Asongafac

Posted

keep practicing, but bear in mind the basics are very strong in any form of coding. be sure to know how to send a major div at center of screen ( display flex, height 100vh, width 100vw, align item center, justify-content center ... all this properties to the body )

i will deeply advice you check the code given above by @Ratified

Marked as helpful

1

@Ratified

Posted

Hello. It needs practice to be able to come up with these solutions. You'll eventually be able to come up with proper CSS. Let me provide you with my code to this solution, try it out and check if it helps you. QR Code Component. Lemme know if you have any questions. I'd be glad to help.

Marked as helpful

1

@desalegn12

Posted

from what you were saying, I appreciate that you can admit your flaw because that is one sign of growth. the most important thing you have to do is just practice CSS. we all are struggling to master CSS skills but CSS[grid, flexbox, position are enough], not anything else. if you can pseudo-elements. I hope you'll come back and say thank you! Good practice!

Marked as helpful

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