Выравнивание элементов в коллекции ⇐ CSS

[Anonymous]

Мы хотим выровнять элементы внутри , чтобы они выглядели более привлекательно на нашем веб-сайте. В настоящее время элементы не центрируются в одной строке, когда мы переключаемся на мобильное устройство и заходим в Меню->Услуги.
Вот ссылка - https://jk-part.kz /en
Как мы можем этого добиться?
Мы хотим, чтобы она выглядела как таблица, но не без нарушения основного кода.
Мы хотим, чтобы она выглядела как таблица, но не совсем без нарушения основного кода.
p>
Вот разметка:

Код: Выделить всё

services





[url=https://jk-part.kz/en/nedropolzovanie]
[img]/storage/app/media/services/icons/1.svg[/img]
Subsoil use
[/url]
[url=https://jk-part.kz/en/neftegazovyj-sektor]
[img]/storage/app/media/services/icons/2.svg[/img]
Oil and gas sector
[/url]
[url=https://jk-part.kz/en/zakup-tru-pravovoe-soprovozhdenie]
[img]/storage/app/media/services/icons/3.svg[/img]
Procurement of TRU. Legal support.
[/url]
[url=https://jk-part.kz/en/yuridicheskie-uslugi]
[img]/storage/app/media/services/icons/4.svg[/img]
Contract law
[/url]
[url=https://jk-part.kz/en/yuridicheskij-autsorsing]
[img]/storage/app/media/services/icons/5.svg[/img]
Legal outsourcing
[/url]
[url=https://jk-part.kz/en/zakonotvorcheskaya-deyatelnost]
[img]/storage/app/media/services/icons/6.svg[/img]
Law-making activity
[/url]
[url=https://jk-part.kz/en/predstavitelstvo-v-sude]
[img]/storage/app/media/services/icons/7.svg[/img]
Representing in court
[/url]
[url=https://jk-part.kz/en/razresheniya-i-uvedomleniya]
[img]/storage/app/media/services/icons/8.svg[/img]
Permits and notifications
[/url]

Итак, самый внешний элемент div с классом hover — это флексбокс с направлением гибкости столбца. Мы считаем, что это уместно в данной ситуации. Мы пробовали использовать сетку, но это не дало желаемых результатов.
Как расположить форму так, чтобы значки располагались на одной поперечной оси, а описания — на одной? параллельная линия?

Подробнее здесь: https://stackoverflow.com/questions/787 ... collection