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

Ping single column coming soon page

Vanessa M. 350

@mendezpvi

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

Hi everyone, any feedback is welcome, thanks 😊.

Community feedback

Atatra 170

@Atatra

Posted

What's your workflow to manage to do such a pixel-perfect solution?

0

Vanessa M. 350

@mendezpvi

Posted

Hi @Atatra, I start 'mobile first' and I use the app 'PureRef', it is very useful. I hope my answer will help you 😉.

1
Atatra 170

@Atatra

Posted

Thanks for your response @mendezpvi 😁. I guess you use PureRef to import the designs as references? Does it have more features than a simpler image previewer? Like do you figure out the margins/paddings/text sizes on your own with trials and errors or do you use any tools?

0
Vanessa M. 350

@mendezpvi

Posted

Hi @Atatra , as you say I use PureRef as a reference. To my layout I overlay the given Frontend Mentor design with PureRef. That serves as a guide and I can test the margin, padding, etc. Sometimes, if the challenge requires it, I use the Measure-it extension to know the width of the boxes. Add to that good music, a refreshing drink and that's it. Happy coding!! 😉

1
Atatra 170

@Atatra

Posted

Thank you so much for your insights @mendezpvi. I was trying to find a better workflow to reproduce the designs more accurately, so yours is really helpful. Happy coding too! 😁

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