Skip to content
Submitted over 1 year ago

Status Preview Card

Mohamed Ibrahim•150
@mohamedibra227
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, i know that the media queries not the best thing , but i need some help when it comes with width and height, I can't figure out how much is it by Looking and i end up in a loop, so if you guys have any tips for me that will be great. thanks in advance

Community feedback

  • Steve•1,170
    @peanutbutterjllyPosted over 1 year ago

    hey @mohamedibra227,

    in regards to width/height, unless you get a file that tells you exact widths it is VERY hard to gauge what dimensions to put on components without constant resizing/refreshing and constant comparing.

    I personally don't go for pixel perfect matches here but at work when given a file by a designer I have to match exact pixel dimensions - you can take my advice with a grain of salt, im not the be-all/end-all of developers 😅.

    all that to say without a design/Figma file its hard to tell without looping back and forth between editor/browser (at least in my experience).

    Good job with your solution!

    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