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

Start preview card

@Purdanoski

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone, It will mean a lot to me if you have a spare time to rate my solution of the QR code component challenge. Thank you

Community feedback

parkerrn9 210

@parkerrn9

Posted

You've done a good job, but I believe there are some design improvements needed. Firstly, enhance the mobile version and also overall design responsiveness by using a different unit for widths, as percentage values may not work well on very wide screens (check by setting the width in dev tools to > 2000). Consider using either grid or flex positioning for the body. Lastly, explore the filter property, specifically contrast and brightness, to overlay the image and adjust its color to better match the design.

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