Currently experimenting with the new CSS grid layout feature. I am struggling with aligning a variable number of images in the center of the row when there are less than six items to display. Unfortunately, my attempts to achieve this have not been successful so far. Here is an example of my CSS code, any assistance would be greatly appreciated.
#result-images{
display: grid;
grid-template-columns: 260px 260px 260px 260px 260px 260px;
grid-gap: 11px;
grid-column-gap:55px;
background-color: #959595;
border-style:solid;
border-width:3px;
border-color:#FFFFFF;
}
#result-images img{
width:100%;
height: 100%;
background-color: #363636;
display:block;
margin: 0 auto;
}