Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Cannot read properties of null (reading 'code')
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-components using css custom properties

@Christ-Kevin

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 don't have a particular question on this project but I would be grateful for any suggestions that can make me improve

Community feedback

Maqsud Tolipovβ€’ 4,210

@maqsudtolipov

Posted

Hi there πŸ‘‹

Congratulate on finishing your project πŸŽ‰. You did a great job πŸ’‘

I give some suggestions to help you take your project design to the next level πŸ“ˆπŸ˜‰

  • Remove the height from the .container. In CSS adding height is not good practice until you really need it ⚠. If you remove it from the container it still works and nothing changes, because the height calculated automatically

Happy coding β˜•

Maqsud

Marked as helpful

1

@caio-alcantara

Posted

You did a great job! But why didn't use the * selector to remove all the default margin/padding?

Marked as helpful

1

@Christ-Kevin

Posted

@caio-alcantara honestly i copied it in this codepen(https://codepen.io/pen?&editors=110&layout=left) from smolcss(https://smolcss.dev/).

But I understand your point and I think it's a good idea to use the global(*) selector. I will try this for sure in my next projects.

Thanks

1
Naveen Gumasteβ€’ 10,480

@NaveenGumaste

Posted

hay! Christ Kevin Touga Watat Nice work

1
Gomes Martinsβ€’ 60

@gomesemog

Posted

Great job my friend! I would second Caio's comment, its very useful. Other thing that I would point is that you centralized all the content, but it should be attribuited just for the card itself. Otherwise, again, great job!

1
optimusprime202β€’ 1,220

@optimusprime202

Posted

Hey @Christ-Kevin, Tremendous work!

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