В чем разница между grid-row: 3 и grid-row: span 2?

Question

[vladimironokhovv1]

.item-1{
grid-column-start: 1;
grid-column-end: 3;
/* grid-row: span 2; */
}

Answer 1

[Вадим]

Никогда не понимал, почему людям такое проще спросить, чем посмотреть на практике. Вы же так и сами лучше разберётесь, и время чужое не отнимите.

span 2 - указывает занять 2 строки относительно текущего положения. А не строго первые 2 строчки.
grid-row работает в зависимости от того, какое указано значение. Либо перемещает между строчками, либо расширяет на определённое количество строк, либо и то и то.

А ещё определитесь про что Вы спрашиваете. В вопросе всё про row, в примере кода про col и row.

Comments

[vladimironokhovv1]

span 2 - указывает занять 2 строки относительно текущего положения. А не строго первые 2 строчки.

именно это и хотел услышать, спасибо большое.
вопрос задал для того, чтобы убедиться, правильно ли я понял суть. спасибо еще раз