@Atatra
Posted
What's your workflow to manage to do such a pixel-perfect solution?
@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 😉.
@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?
@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!! 😉
@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! 😁