Capturing screenshot of a node using Chrome DevTools
A nifty feature in Chrome DevTools I recently discovered is the ability to take a screenshot of a HTML node.
For me it’s quite useful for creating Canva-like graphics without having to use a tool when I could do it quicker in HTML+CSS.
But
It sometimes fails particularly when it comes to relative positioning.
For instance, here’s the screenshot of this post from the list:
