Использование ключевого слова span и указание целого числа в свойстве grid-column-start отличаются тем, что каждое из этих значений определяет разное поведение элемента в макете сетки. 12

Ключевое слово span указывает количество столбцов сетки, которые будет охватывать элемент. 14 Например, если указано значение grid-column-start: span 2, то элемент будет занимать два столбца по направлению к своему начальному краю. 2

Целое число соответствует начальной грани элемента в макете сетки. 1 Если задано отрицательное целое число, то отсчёт ведётся в обратном порядке, начиная с конечного края явной сетки макета. 1

Таким образом, использование ключевого слова span позволяет указать, сколько столбцов будет охватывать элемент, а указание целого числа — определить начальную грань элемента в макете сетки. 12