В чём разница между использованием свойства grid-template-areas и созданием макета с помощью grid-линий?

Разница между использованием свойства grid-template-areas и созданием макета с помощью grid-линий заключается в подходе к определению структуры сетки CSS Grid. habr.com tproger.ru

Использование grid-template-areas позволяет определять шаблон сетки, ссылаясь на имена областей, которые заданы с помощью свойства grid-area. tuhub.ru Каждый идентификатор в значении grid-template-areas соответствует ячейке сетки. html5book.ru Как только все ячейки идентифицированы, браузер объединяет все смежные ячейки с одинаковыми именами в одну область, которая охватывает все их. html5book.ru

Создание макета с помощью grid-линий предполагает использование невидимых вертикальных и горизонтальных линий, разделяющих грид на ячейки. tproger.ru За это отвечают свойства grid-column-start, grid-column-end, grid-row-start и grid-row-end. tproger.ru При таком подходе код довольно сложно читать, и в случае серьёзного изменения макета придётся переписывать большой объём кода. tproger.ru