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 card component

Tarunaβ€’ 305

@Tiyana19

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


Please provide your feedback.

Community feedback

visualdennisβ€’ 8,255

@visualdenniss

Posted

Hey Tinker,

pretty good job with this one! Your css seems to be already good. Optional, but if you want to get even closer to the given design you can do the following changes:

  • p: font-size: 16px (in rem)

  • h1: font-size: 1.5rem;

for the .card-container:

  • max-width: 285px;
  • border-radius: 15px;
  • padding: 1rem;

these values seemed to be closer to matching the design. But optional ofc. Feel free to play around even more.

Hope you find this feedback helpful!

Marked as helpful

1

Tarunaβ€’ 305

@Tiyana19

Posted

@visualdenniss thank you so much for your help

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