QR-code-component-main

Community feedback

• 

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  As Salaamu Alaykum, Aya. Welcome to the community!

  You should try to:

  • Increase the padding of the card.
  • Make the border-radius of the QR-code half of the border-radius of the card itself to make it aligned.
  • Add text-align: center; to the card to make the title and paragraph stay in the center at all screen sizes.
  • Make the shadow more subtle.

  Hope this helped! Salaam! :)

  Marked as helpful

  0

  ---

  

  Aya_Mustafa•60

  @aya880Posted about 2 years ago

  @Illyaas4Show Thank u ❤️,it really helped I'll take it in consideration

  0
• 

  imad•3,330

  @imadvvPosted over 2 years ago

  Greeting Aya Mustafa!! Congratulations on completing Your First challenge!, 👏👏👏 well done.

  a few tips that may help you improve your solution, replace width:21% on the card to max-width: 21rem;, and just remove /* height: 72vh; */ /* margin-top: 3vh; */ to let the card be more responsive on small screens.

  but over all, Happy Codding, and welcome to Frontend Mentor Community

  Marked as helpful

  0

  ---

  

  Aya_Mustafa•60

  @aya880Posted about 2 years ago

  @imadbg01 Thank u imad ❤️, and thnx for these useful tips 🌸

  0