Чтобы выровнять сетку по центральной вертикальной оси [дубликат] ⇐ CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Чтобы выровнять сетку по центральной вертикальной оси [дубликат]

Сообщение Anonymous »


Код: Выделить всё

.wrapper {
display: grid;
grid-gap: .5em;
grid-template-columns: repeat(3, 1fr);
}
.box {
background: #eee;
padding: 1em;
width: 10em;
}

Код: Выделить всё

lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet


Я хочу ограничить размер каждого ящика 10 em и в то же время сохранить их вместе и вдоль центральной вертикальной оси, чтобы это выглядело так, как если бы мы использовали что-то вроде body { padding: 0 20%; .
Изображение

Я попробовал display: flex, но безуспешно. Как мне это сделать?

Подробнее здесь: https://stackoverflow.com/questions/793 ... tical-axis
Вернуться к началу
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»