Div с изображениями по центру на мобильном телефоне, но не в режиме рабочего стола с помощью начальной загрузки 4

Question

У меня есть этот DIV с кнопками социальных сетей:

<div class="redes-sociales col-sm-pull-6 col-md-6 col-lg-push-4 float-right py-2">
                <img class="img-rounded img-social" alt="fb" src="img/fb.png">
                <img class="img-rounded img-social" alt="ig" src="img/ig.png">
                <img class="img-rounded img-social" alt="tt" src="img/tt.png">
            </div>

Это выглядит так:

панель социальных сетей

Что мне нужно, так это то, что когда страница находится в мобильном режиме, значки отображаются посередине:

мобильный режим

Что мне нужно изменить, чтобы добиться этого? Спасибо!

Answer 1

попробуйте добавить это к вашему CSS

@media screen and (max-width:768px){
    .redes-sociales{
        float: none;
        margin: 2px auto;
    }
}