Skip to content
Submitted over 1 year ago

Responsive Card with Grid and Flexbox

Todd Marino•90
@ToddMarino
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Once again, without the Figma Design my layout is way too small in comparison to the solution. I get that we have to pay for the membership in order to get the finished design but it would be great if, in the style guide, we could have the basic size of the design. I'll go back to the css and bump everything up 50% and resubmit.

Community feedback

  • Arne•1,110
    @DudeldupsPosted over 1 year ago

    Heya! For the size of the design you can open the jpg and zoom it to 100%. If you're on Windows, you could also use PowerToys, it has a built in ruler that lets you scan or manually measure parts of your screen. I bet there's also a similar app for Mac.

    Marked as helpful
    1
  • C4rlos•410
    @solracssPosted over 1 year ago

    Also for measure great tool is Lightshoot.

    Marked as helpful
    0

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