\
**Category:** Beginners\
**Created:** [July 17, 2024, 2:46am UTC](https://forum.pinegrow.com/t/why-does-the-index-html-look-so-different-from-whats-on-pinegrow/9012 "2024-07-17T02:46:35Z")\
**Posts on this page:** 2\
**Page:** 1
**Author:**  [@spiralof5](https://forum.pinegrow.com/u/spiralof5)\
**Post date:** [July 17, 2024, 2:46am UTC](https://forum.pinegrow.com/t/why-does-the-index-html-look-so-different-from-whats-on-pinegrow/9012/1 "2024-07-17T02:46:36Z")
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.
---
**Author:**  [@mxs](https://forum.pinegrow.com/u/mxs)\
**Post date:** [November 4, 2024, 12:30pm UTC](https://forum.pinegrow.com/t/why-does-the-index-html-look-so-different-from-whats-on-pinegrow/9012/4 "2024-11-04T12:30:56Z")
add class=“text-center w-100” to H1 and H2
The w-100 may not be necessary
MXS