Why does the index.html look so different from what's on PineGrow?

I’m fooling around to make a personal website for my 3D work. I don’t really know how to do things properly and am still getting used to the Tailwind Grid.

As of now I’m using 1fr for 9 block Columns and several rows on a 1024 layout. I want to use 1024 as my layout first and upscale and downscale from there.

I’m just trying to do simple text placement. I have an H1 and an H2.

When I set a margin to help move the H2 upward closer to H1, there is a noticeable difference in the way the index.html renders it and what is shown in Pinegrow. This image is how Pinegrow sees it. I’m not allowed to post 2 images so just know in the index.html it looks correct.

Also if there are any tips on how to better place text than using margins please let me know! I come from photoshop and a 3D background so this is frustrating for me as I’m used to just placing things where I want easily.