@Anaboliki
Решил научиться верстать чтоб заработать на жизнь

Как выровнять блоки?

62ff553374959858644311.png
На картинке видно несколько блоков (серого цвета), также справа видны свойства родительного блока, можно ли как-то последние два блока поставить по центру? Чтобы если вдруг добавятся еще блоки, их будет не 8 а 9, то они бы раскинулись относительно краев родительного блока, а если их не хватает, то выравнивались относительно центра (если будет 7 блоков то последний блок падает вниз по центру)? В одном ряду должны быть три блока.
  • Вопрос задан
  • 118 просмотров
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
.block-3-flex-2 {
    --margin: 10px;
    display: flex;
    justify-content:flex-start;
}

.block-mini {
    width: calc(100% / 3 - var(--margin) * 2);
    margin:  var(--margin);
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@mikilikala
На фронте
justify-content: space-around;
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы