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

Разбираемся в CSS
Ответить
Anonymous
 Выравнивание элементов в коллекции

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»