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 code component

Leyker 40

@leykerjsm

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'm starting using SASS for the first time in a porject, I think I did not too bad

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

The most challenging part for me was looking up the styles in figma

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

I need review on the structure of my SCSS file and HTML

Community feedback

@aymenthedeveloper

Posted

hey! congratulations for completing this challenge :) your solution is amazing and it is very close to the design, the only thing left is adding the drop shadow and you are done ;)

Marked as helpful

1

Leyker 40

@leykerjsm

Posted

@aymenthedeveloper Thank you for your feedback, the box shadow was applied today ;)

0
P

@wmohammad83

Posted

Great job with this solution, I can see you you used semantic HTML and the structure of you code is nice and clean. You done a great job with the layout and your solution is identical to the design. Your CSS code is structured very well and I really like the comments you have in your CSS code which explains what it does. I would also encourage you to do the same in your html to highlight what part of your code is the card.

Marked as helpful

0

Leyker 40

@leykerjsm

Posted

@wmohammad83 Thank you for your feedback

0

@gauravgorane

Posted

@leykerjsm You did it pretty well, I suppose.

0

Leyker 40

@leykerjsm

Posted

@gauravgorane Thanks

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