body{
 width: 100%;
 font: 1em sans-serif;
 text-align: center;
}
 #grid{
        display: grid;
       grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
        gap: 10px;
        place-items: center;
    }
       .grid-item{
         text-align: center;
         padding: 5px;
       }
       .grid-item img{
        width: 100%;
        object-fit: cover;
        object-position: center;
       }