Streaming live at 10am (PST)

Why is the distance between divs constantly different: interaction panel, preview and published site?

I created an interaction and it is very difficult for me to navigate. I need to control every pixel, but the size of the indents is different.

This is interaction panel:

This is preview:

This is published site:

It should be the same as in the interaction panel, but the distance between the lines is constantly different. All measurements occur in pixels, so I thought there would be no such flaws.