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

Status Preview Card

@mohamedibra227

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, 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

@peanutbutterjlly

Posted

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
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