Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Kieran Barker
15,028 PointsHow can I make my websites perfectly match clients' designs?
At work, I try my absolute best with projects I'm given but I tend to have trouble making them pixel perfect when compared with the designs I've been given. Everything has to be exact, even including where line breaks are (without using the <br> element).
Can anyone give me any advice?
People at work sometimes suggest overlaying a screenshot of my work over the design with a lower opacity — any other ideas? Many thanks!
1 Answer
Steven Parker
231,236 PointsI can certainly sympathize, but "reasonable" or not, if the assigned task requires you to be exact I think you have to learn how to accommodate.
But having to make screenshots to overlay for testing sounds unnecessarily labor-intensive. I'd take the design (I assume it's given as an image file?) and use it as a background while I adjust the HTML/CSS to replicate what they want. You only have to do that once, and as the final step you can replace it with the real background (or nothing, if none is needed).
Kieran Barker
15,028 PointsKieran Barker
15,028 PointsThanks for the suggestion, Steven! The designs actually tend to be PDF files.
Steven Parker
231,236 PointsSteven Parker
231,236 PointsYou can convert the PDF to an image file and then do the same thing.