Чем грид-контейнер отличается от обычного блочного контейнера?

Грид-контейнер отличается от обычного блочного контейнера тем, что создаёт сетку и делает дочерние элементы её ячейками. thecode.media

Блочные контейнеры на странице начинаются с новой строки и растягиваются на всю ширину родительского элемента. htmlacademy.ru Например, блочный тип по умолчанию имеют теги <p>, <div> и <h1>. htmlacademy.ru

Грид-контейнер расширяется или сжимается, подстраиваясь под содержимое. thecode.media Строки появляются автоматически, и каждому элементу создаётся своя строка. thecode.media Если элементов в грид-контейнере больше, чем колонок, то следующие элементы автоматически переносятся на новую строку, или ряд, и так же разделяются на колонки. htmlacademy.ru

Кроме того, в грид-контейнере по-другому ведут себя внешние отступы у элементов. htmlacademy.ru