Problem with Custom Page Not Displaying The Same On Forum

[richleon]

EDIT: I fixed this now - I found out I wasn't centering my images within each grid cell. Would still be good to get advice if there is a better way to do the things I have done though. I had to center each image individually in each cell.  Is there a general way to do it for the whole grid? Thank you

This is the problem page :

neogeoforever.com/page/grid-layout-scans

When it is displayed on the forum - the text is not aligned correctly and the rows of images aren't centered on the page - but they are displayed perfectly on the editing preview (on the custom page edit preview). Maybe I need to reset something that the forum changes when the page is displayed elsewhere? I am a beginner at HTML. So could well have made a basic error. Appreciate any help

EDIT : Actually maybe it isn't centred 100% perfectly on custom-page editing page - just noticed this. It is a lot better there though and the text is also not completely in the right place. So maybe it's a mistake I made that is just amplified when I display it?

Here is code - sorry it didn't seem to format very well when I copied it here

UNDER CONSTRUCTION<br>

<div class="gallery" style = "margin : auto;width :85%; 0px;padding : 0px ;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(4, 20vw);grid-gap: 5px;")
<br>
<figure class=”gallery__item gallery__item--1" >
<a href="//storage.proboards.com/7199046/images/Bb0cYyuWNhmbOeSEskZA.jpg"> <img src="https://i.imgur.com/JnbpFns.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Ultimate Guide : Samurai Shodown</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Retro Gamer Magazine Page 1</b></p>
<p style="text-align:center;font-size: 10px;"><b>Scanned by Riko</b></p>
</figure>
<figure class=”gallery__item gallery__item--2" >
<a href="//storage.proboards.com/7199046/images/QPPnHDOIdSPFtnBjZefB.jpg"> <img src="https://i.imgur.com/nJ1n9m1.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Ultimate Guide : Samurai Shodown</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Page 2</b></p>
</figure>
<figure class=”gallery__item gallery__item--3" >
<a href="//storage.proboards.com/7199046/images/A0dDXrgyFUiMKDvJKmXn.jpg"> <img src="https://i.imgur.com/8RRxwBA.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Ultimate Guide : Samurai Shodown</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Page 3</b></p>
</figure>
<figure class=”gallery__item gallery__item--4" >
<a href="//storage.proboards.com/7199046/images/aEbosMjuILqgJsNbanvO.jpg"> <img src="https://i.imgur.com/KiryRi8.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Ultimate Guide : Samurai Shodown</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Page 4</b></p>
</figure>
<figure class=”gallery__item gallery__item--5" >
<a href="//storage.proboards.com/7199046/images/tYVrqOtmvWKZvZozxZja.jpg"> <img src="https://i.imgur.com/sjzP9Re.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Hardware Heaven : Neo Geo Pocket Color</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Retro Gamer Magazine Page 1</b></p>
<p style="text-align:center;font-size: 10px;"><b>Scanned by Riko</b></p>
</figure>
<figure class=”gallery__item gallery__item--6" >
<a href="//storage.proboards.com/7199046/images/bnIaaCratsQQknBQzBar.jpg"> <img src="https://i.imgur.com/TuW0EAF.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Hardware Heaven : Neo Geo Pocket Color</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Retro Gamer Magazine Page 2</b></p>
</figure>
<figure class=”gallery__item gallery__item--7" >
<a href="//storage.proboards.com/7199046/images/DvqizivAPjePtiXSwIpn.jpg"> <img src="https://i.imgur.com/TXkhzBT.jpg"></a>
<h1><p style="text-align:center;font-size: 14px;">Endgame : SNK Gals' Fighters (NGPC)</p></h1>
<p style="text-align:center;font-size: 10px;"><b>Retro Gamer Magazine Page 1</b></p>
<p style="text-align:center;font-size: 10px;"><b>Scanned by Riko</b></p>
</figure>
<figure class=”gallery__item gallery__item--8" >
<a href="/page/neo-geo-game-reviews"> <img src="https://i.imgur.com/sjzP9Re.jpg"></a>
</figure>
<figure class=”gallery__item gallery__item--9" >
<a href="/page/neo-geo-game-reviews"> <img src="https://i.imgur.com/sjzP9Re.jpg"></a>
</figure>
<figure class=”gallery__item gallery__item--10" >
<a href="/page/neo-geo-game-reviews"> <img src="https://i.imgur.com/sjzP9Re.jpg"></a>
</figure>
</div>