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

Radu Chioreanā€¢ 100

@chioreanradudandan

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'm not sure why my font family doesn't work as expected. Any feedback is appreciated. āœŒšŸ»

Community feedback

Maqsud Tolipovā€¢ 4,210

@maqsudtolipov

Posted

Hi there šŸ‘‹

Congratulate on finishing your project šŸŽ‰. You did a great job šŸ”Ø

I give some suggestions that I hope help you take your project design to the next level šŸ“ˆ.

  • Tiny detail but changes your design a lot. Lets add some box shadow like box-shadow: 0 12px 24px rgb(0 0 0 / 10%); to .qr-container

Happy coding ā˜•

Maqsud

Marked as helpful

0

Radu Chioreanā€¢ 100

@chioreanradudandan

Posted

@maqsudtolipov added , looks better indeed šŸ˜. thx

0
Maqsud Tolipovā€¢ 4,210

@maqsudtolipov

Posted

@chioreanradudandan No problem, why 3 times šŸ™Œ, of course joke ā˜ŗ. One thing I forgot to mention is there is some white space around the website don't forget to fix it also

0
Radu Chioreanā€¢ 100

@chioreanradudandan

Posted

@maqsudtolipov I've clicked post reply -> nothing happened x3 then...šŸ’„ 3 replies

1
sanket kumarā€¢ 300

@sanketcharanpahadi

Posted

Your font family is not working because you have put "."(dot)html in the style.css file , remove the dot so that the html is considered as an element not as a class.

2

Radu Chioreanā€¢ 100

@chioreanradudandan

Posted

@sanketcharanpahadi Yep , that was it. I spotted it during the work on my next challenge.

Good eyes and a silly mistake from my side

1
Naveen Gumasteā€¢ 10,480

@NaveenGumaste

Posted

Hay ! Chiorean Good Job on challenge

1

Radu Chioreanā€¢ 100

@chioreanradudandan

Posted

@Crazimonk Cheers

1
Anurag Singhā€¢ 1,265

@exist08

Posted

Good Work , just add a tiny shadow to make it look like it is above from background.

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