ul.image-grid-holder { position:relative; margin:0 auto; padding:0; display:flex; justify-content:space-between; align-items:center; align-content:center; } ul.image-grid-holder li { list-style:none; text-align:center; } ul.image-grid-holder li img { display:block; margin:auto; } @media screen and (max-width:800px) { ul.image-grid-holder {  flex-wrap:wrap;  justify-content:space-between; }  ul.image-grid-holder li {  width:calc( 33.33% - 24px );  margin-top:8px;  margin-bottom:8px;  text-align:center;  display:flex;  justify-content:center; }  ul.image-grid-holder li img {  margin:5px;  width:100%; } }