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 with CSS Grid and Flex

TOCHUKWU UCHEโ€ข 280

@Toch007

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 guess this project was more straightforward. I'm open to advise and suggestions.

Community feedback

@MelvinAguilar

Posted

Hi @Toch007 ๐Ÿ‘‹, good job on completing this challenge! ๐ŸŽ‰

I like this solution for the challenge. Here are a few suggestions I've made that you can consider in the future if you're looking to improve the solution further:

To improve your solution on mobile devices:

  • Use max-width: 300px to .card selector instead of width, this will make the card container a bit responsive on mobile and set the element's maximum width to 300px.
  • Use min-height: 470px to .card selector instead of height.
  • Use margin: 0.938rem or margin: 15px in the .card selector so that it has some space when viewed on mobile devices.

I hope those tips will help you.

Good job, and happy coding!

Marked as helpful

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