Адаптивные изображения в сетке 3x3 на списках
div { /* Главный контейнер. Может иметь любые размеры */
width:500px;
}
ul {
text-align:center;
}
li {
list-style:none;
display:inline-block;
vertical-align:top;
width:20%; /* размер контейнера под изображения*/
}
div
ul
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeBigBigBigText
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeText
li
img src="#" width="100%"
span SomeText