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

first time solution

Thu Rein 100

@ThuReinMinHtun

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

SIDA 190

@GSida015

Posted

its good but there are details you should fix:first you need to add more width to card...Second: you should light up cards box-shadow use #d3d3d3 instead...Third:You should make text like it is on design... overall on card you can do this: body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; text-align: center; width: 100%; height: 80vh;

background-color: #d6e1f0; }

.container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.absolute { width:320px; height: 497px; border-radius: 15px; padding: 16px; box-shadow: 0px 0px 10px #d3d3d3; }

also image and text should have another section...text section wich will have display flex ... align-items center;, justify-content: center; flex-direction: column;gap: 16px; there are more to do but I dont have enough time... I hope you will get it by urself. I hope you find this usefull... GOOD LUCK!!!💪🏻

1

Thu Rein 100

@ThuReinMinHtun

Posted

@GSida015 thank you for feedback I will improve my skill

0
SIDA 190

@GSida015

Posted

@ThuReinMinHtun Im happy it helped you.

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