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

Question

Tanya @Silvanassss

Front-end

HTML
CSS

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

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

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

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

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

Вопрос задан более трёх лет назад
121 просмотр

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 2

4 комментария

Tanya @Silvanassss Автор вопроса

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

..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 @Silvanassss Автор вопроса

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

Написано более трёх лет назад
ReActor Дмитрий Вершанский @HunteR-VRX

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

Написано более трёх лет назад
Tanya @Silvanassss Автор вопроса

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

Написано более трёх лет назад

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 7 часов назад
- 30 просмотров
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 8 часов назад
- 40 просмотров
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 44 просмотра
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- вчера
- 36 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- вчера
- 76 просмотров
2

ответа
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- вчера
- 82 просмотра
3

ответа
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- вчера
- 690 просмотров
2

ответа
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- вчера
- 2282 просмотра
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 22 апр.
- 61 просмотр
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- 22 апр.
- 211 просмотров
4

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Telegram Парсер бот

24 апр. 2024, в 23:40

10000 руб./за проект

Доработка андроид приложения на kotlin

24 апр. 2024, в 23:13

130000 руб./за проект

Внести правки в Телеграм-бота с помощью кода(PHP-разработчик)

24 апр. 2024, в 22:44

11000 руб./за проект

Answer 1 · 2019-03-25 19:53:13

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

Answer 2 · 2019-03-25 20:16:38

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

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

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

width: 82%;
    margin: auto;

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт