Как выровнять блок с помощью CSS

.landing-block-socials-container {
    display: flex;
}
ul.landing-block-cards-social.list-inline.g-pa-10--md.g-mb-0.row.align-items-center.justify-content-center.justify-content-sm-start {
    padding-bottom: 0!important;
}

.landing-block-socials-container {

    display: flex;

}

ul.landing-block-cards-social.list-inline.g-pa-10--md.g-mb-0.row.align-items-center.justify-content-center.justify-content-sm-start {

    padding-bottom: 0!important;

}

КРУТО!! Спасибо!

Помогло:)

Только теперь в мобильной версии они уплыли слево… можно их как-то в мобильной версии выровняться по центру экрана?

Спасибо заранее

Вот:

.landing-block-socials-container {

    display: flex;

}

Замените на:

@media(min-width:576px){

.landing-block-socials-container {

    display: flex;

}

}

.landing-block-socials-container {

    display: flex;

}

@media(min-width:576px){

.landing-block-socials-container {

    display: flex;

}

}

А с этим что-то не получается 🙁

Может, не стоило трогать CSS, а просто поправить классы контейнера?

<div class="landing-block-socials-container col-sm-4 col-md-3 g-mb-10 g-mb-0--md">

Как-то так:

<div class="landing-block-socials-container d-block d-sm-flex col-12 col-sm-4 col-md-3 g-mb-10 g-mb-0--md">

Не дополнительно к

.landing-block-socials-container {

    display: flex;

}

а вместо него, сейчас у вас на сайте и тот и другой код есть.

Аа я понял.

Блин только проблема в том, что этот сайт сделан на Битриксе24, то есть по типу тильды… у меня нет доступа к исходному коду чтобы подправить… все что я могу добавлять — это свой CSS и HTML вставки в страницы делать

сайт собирается как конструктор из блоков…..

а нет такого кода CSS, чтобы заблокировать действие этого?:

.landing-block-socials-container {

    display: flex;

}

или ставить внутрь этого кода условие?

Вам Samail предложил решить проблему медиа-запросом. Перечитайте его топик, Вы добавили, а не заменили

Так, если я правильно понял, нужно сначала удалить код

.landing-block-socials-container {

    display: flex;

}

а вместо него вставить:

@media(min-width:576px){

.landing-block-socials-container {

    display: flex;

}

}

Но я не могу удалять существующий код.. у меня нет доступа к исходному коду.. Я могу делать только CSS вставки и добавлять свой HTML

———- Добавлено 24.04.2020 в 12:35 ———-

<div class="landing-block-socials-container col-sm-4 col-md-3 g-mb-10 g-mb-0--md">

<div class="landing-block-socials-container d-block d-sm-flex col-12 col-sm-4 col-md-3 g-mb-10 g-mb-0--md">

Можно эту правку внести с помощью «CSS иньекции»?

Который Вы вставляли тремя постами выше..

Или к своим вставкам тоже доступа уже нет?

Всех пускать, никого не выпускать?.. 😂