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

3-column-preview-card-component-main

Dipesh 430

@Dipesh-sapkota1

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I was having hard time matching white space form design. I have one question , How do you know how much units of space to apply by looking at design and make it responsive? Any suggestion to improve my work would be appreciated.

Community feedback

Steve 1,170

@peanutbutterjlly

Posted

Hey @Dipesh-sapkota1 👋,

To be honest, I struggle with the same problems myself.

Normally what I do is make some changes and see what it looks like in the browser and keep tweaking till it looks 'good enough'. I know that may not be a popular answer but the good thing is your final designs don't have to be 'pixel perfect' - unless that's what you're going for.

If you are going for pixel-perfect design, I'd suggest getting a pro-subscription to get the designs, otherwise just eyeball it.

Good job on completing the challenge!

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