Skip to content
Submitted about 1 year ago

Start preview card

Purdanoski•30
@Purdanoski
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

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
    @parkerrn9Posted about 1 year ago

    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

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