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
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?

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

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

Community feedback

Adhi 240

@Adhi-S12

Posted

Good work, you can improve it by making some changes like,

  • Reducing the padding inside the card.
  • Increasing spacing below the card header.
  • You centered the element using flex correctly but since there is an attribution div("Challenge by .."), your card element is not centered properly. There are many ways to fix this, one simple fix would be make the attribution to be of postion:fixed and place it in the bottom, so that it is taken out of flow and your element will sit in the middle perfectly.
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