Как изменить размер блока в CSS Grid?

Question

[Владислав Михайлов]

Здравствуйте. У меня есть блок с display: grid и в нём есть элементы. Мне надо сделать что-то типа библиотеки, в которой можно будет из html задавать элементам блока классы. Например, lg-1x-1x говорит, что блок на больших разрешениях должен занимать 1 пункт по ширине и 1 по высоте. Но как реализовать такое, а именно как из CSS задать блоку размеры в рядах и колонках? Например, как задать, чтобы блок занимал 1 row и 1 column. Если указывать grid-row: 1, то это будет влиять на позицию элемента, а не на его размер.

Answer 1

[Николай Чуприк]

.lg-1x-1x {
grid-column-end: span 1;
grid-row-end: span 1;
}