JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid-container">
                    <div class="grid-row"> 
                        <a href="index.htm">
                            <img alt="alt..." src="http://th01.deviantart.net/fs12/150/i/2006/287/3/4/puppy_pug_3_by_WeiTat.jpg" />
                        </a>
                    </div>
                    <div class="grid-row">
                        <a href="index.htm">
                            <img alt="alt..." src="http://th01.deviantart.net/fs12/150/i/2006/287/3/4/puppy_pug_3_by_WeiTat.jpg" />
                        </a>
                    </div>
            </div>

CSS

.grid-container {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }
    
.grid-row img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}