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

[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