Как сделать блоки по центру?

Question

[Александр Степанов]

Здравствуйте!

Есть одностраничник - t5.ruksa.ru
Просьба подсказать, как сделать блоки во втором ряду раздела "Услуги" посередине.
CSS - t5.ruksa.ru/css/style.css

Answer 1

[Александр Кетов]

Можно прописать конкретно для этого случая так:

.gallery-list {
    text-align: center;
}
.gallery-list li.grid_13 {
    display: inline-flex;
    float: none;
    margin: auto; 
}

Можно прописать аналогично, но для всех вложенных li, но поколдовать с отступами.

P.S. Решение проверял только в хроме.

Comments

[Александр Степанов]

Спасибо, все получилось!

[Александр Степанов]

Но на мобильном устройстве работает криво.

[Александр Кетов]

Посмотрел через эмуляцию хрома. Проблема в том, что у блока с классом .gallery-list есть отступ margin. Если его для мобильных устройств убрать и прописать так .gallery-list {margin: 0 auto;}, то все ништяк будет.

P.S. .gallery-list {margin: 0 auto;} можно, вполне вероятно, прописать в принципе, а не только для мобил.

Answer 2

[Игорь Воротнёв]

flexbox

Answer 3

[Сергей Горячев]

display: flex;
justify-content: center;