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 challenge

Souhail 510

@SouhailM07

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

@KorriganMaster

Posted

Hi o/,

I can notice some differences between your solution and the required one, for exemple:

  • the size of your card
  • your background color is gray instead of slate-300. You're using Tailwind, so the bg-slate-300 should do the trick :)
  • your box shadow seem smaller than the required one

You're using the h-screen class for the height of your main container. On some mobile device a scrollbar may appear as this class does not take into account the browser interface. You should look this h-dvh (dynamic viewport height) class instead :).

Have a nice day.

Marked as helpful

1

Souhail 510

@SouhailM07

Posted

@KorriganMaster Thanks for the tips .

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