I am new to web design, and I am new to Figma, and I want to redesign a website. The website uses some template that I need to design within. The template consists of a logo, a banner and some navigation. I will be able to design what I need underneath this.

I want to take a screenshot of the top of this template to place into a Figma document, though I want the sizing to be accurate.

Please pardon my ignorance:

1. What is the best way for me to get an accurate idea of the current resolution of the website? If I just take a screenshot of the header template isn't that just going to be based on the resolution settings on my display?

2. Is there some way to view the source code to see the actual dimensions of the template content?

Thanks in advance