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

manoj0430 10

@manoj0430

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 possess a solid understanding of HTML and CSS, yet I haven't actively applied my knowledge. However, embarking on this challenge has bolstered my confidence, allowing me to tackle these tasks with newfound vigor. In the future, I aspire to meticulously replicate the precise designs provided." 🚀🌟

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

While aligning the card component and ensuring the image fits perfectly within the card container, I tackled these challenges through a combination of trial and error and diligent online research.

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

"I absolutely relished crafting the card component and meticulously centering it. The process of seamlessly fitting the image into the card container was truly delightful."

Community feedback

Mirjax2000 680

@Mirjax2000

Posted

From your Figma file or sketch file, you can read all important Intel. What font are Designer used, color values, font sizes and weights. Also element sizes.

*{ margin: 0; padding: 0; line-height: 1.5; } this is strange, you are telling to all elements to be line-height 1.5. this is only for elements with text, like H1,H2 ... and p - paragraph.

try to not use fixed values for width and height, we are now in responsive time, all has to be responsive or dynamic for example width: 350px is not good. Use em unit instead or calculate with percentage.

try to avoid IDs, these are for other uses, like forms or precise controls or for javascript.

rest is good. I did some self programing 2 years ago and now i am comming back. So if you need some help or advice you can ask me, but i am beginner as well, coz i forgot lot of staff.

and last advice. If you want to be a programmer not only html codder but if you want progress with programming skills i advice try to start with sass preprocesor, it is first step to thing like a programer. Css is easy, Sass is little bit advanced.

see ya

p.s. Kevin Powell the youtuber is your best friend.

1

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