Как уменьшить интервалы между блоками и выровнять их по центру?

Question

[Tanya]

Что-то не выходит с margin"ами и центровкой, хочется уменьшить в два раза интервалы между блоками и отцентровать по середине страницы.

Пользовалась таким

.line-up {
    width: 100%;
    max-width: 390px;
    margin: auto;
}

с margin: auto оно ровняет по середине все, но интервалы очень большие... как это можно изменить, подскажите вариант пожалуйста :)

Answer 1

[ReActor Дмитрий Вершанский]

Измените width на более меньшее значение
А вообще лучше покажите css для внешнего (родительского контейнера) всех трех карточек

Comments

[Tanya]

Не помогает :(
Они одинаковы на всех трех:

..vc_column_container>.vc_column-inner{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 1;
}
.vc_column-inner{
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}

.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;}

Хочу упомянуть еще что сайт делается на visual composer конструктор для wordpress, но весь css можно заменить своим, что я и делаю и пытаюсь сделать)

[Tanya]

вопрос отпал) спасибо что откликгулись! Я просто блок в который помещени три эти блока прописала ему ширину нужную и margin auto и все стало как надо)

[ReActor Дмитрий Вершанский]

Tanya, Именно это я и говорил вам выше
"А вообще лучше покажите css для внешнего (родительского контейнера) всех трех карточек" Пожалуйста)

[Tanya]

Дмитрий, ааа немного завтыкала что вы имеете ввиду главный блок) извините)

Answer 2

[Tanya]

Знаю, что решение довольно простое, сама уже догадалась, если вдруг кто-то задасться таким вопросом, то помогло мне следующее:

Я просто прописала контейнеру в котором находились три этих блока нужную мне ширину и margin:auto;

То есть иерархия вышла такая > главный контейнер с бэкграундом > потом контейнер в котором > три блока
там где три блока я прописала первому
margin-rigth: 10px
так же и второму, третий не трогала
ширину не задавала каждому блоку отдельно, просто прописала главному контейнеру след.

width: 82%;
    margin: auto;

и стало как надо, хотя может так и не совсем кореектно