I have been doing some clone project on my own, most of the website I clone were static page website. And there are something I want to ask you guys.
When I clone a website, I often “eyeball” what it looks like, for example, how much margin does this button have, and how much is the height of one section of the page. Then I went to the CSS file and make a change there.
However sometimes I get contradictory results when I compare my code to the actual code of the original page. (I often do this using google chrome’s dev tool)
For example in the image below, I thought the green button has a 30px of margin, and when I checked the page’s CSS file, I see a margin 0 there and a padding of 30px. I get confused. Here is the page.
So the bottom line is this: how do I measure precisely when creating a webpage? Do I get a PSD file that i can check or I need to “eyeballing” whatever I see? If so, how precise those PSD can get?