Грид-контейнер отличается от обычного блочного контейнера тем, что создаёт сетку и делает дочерние элементы её ячейками. 2
Блочные контейнеры на странице начинаются с новой строки и растягиваются на всю ширину родительского элемента. 1 Например, блочный тип по умолчанию имеют теги
,
Грид-контейнер расширяется или сжимается, подстраиваясь под содержимое. 2 Строки появляются автоматически, и каждому элементу создаётся своя строка. 2 Если элементов в грид-контейнере больше, чем колонок, то следующие элементы автоматически переносятся на новую строку, или ряд, и так же разделяются на колонки. 1
Кроме того, в грид-контейнере по-другому ведут себя внешние отступы у элементов. 1