Чем отличается свойство grid-template-areas от grid-template-columns и grid-template-rows?

Свойства grid-template-areas, grid-template-columns и grid-template-rows отличаются по своему назначению:

• grid-template-areas определяет шаблон макета сетки, ссылаясь на имена областей элементов, которые задаются с помощью свойства grid-area. basicweb.ru Каждое имя в grid-template-areas соответствует определённому объекту. skillbox.ru Одинаковые имена, стоящие рядом, собирают несколько ячеек в единое целое — то есть в грид-область. skillbox.ru
• grid-template-columns и grid-template-rows указывают, из скольких рядов (строк) и скольких колонок состоит сетка и какие у них размеры. wp-kama.ru В значении через пробелы указываются размеры: высота ряда (rows) или ширина колонки (columns). wp-kama.ru Сколько раз будет указан размер, столько будет рядов/колонок. wp-kama.ru