Nowadays front-end developers tend to build complex and pixel perfect template.
Turning design to code is not as easy as It seems, these two-chrome extensions will give you a massive help:
will help to identifier the font-size, font-weight, and colour of every text present on the website.
In the below image it shows what will look like once clicked on the text.
helps to get perfect pixel dimensions and positioning to measure elements on any web page.
In the below Image I am measuring the distance between the banner and the category, year form