CSS Grid является мощным инструментом для создания гибких и сложных макетов веб-страниц. Он позволяет легко управлять распределением элементов в сетке и задавать сложные макеты с помощью стилей CSS.

Однако CSS Grid не предназначен для разметки таблиц с большим количеством данных, множеством строк и столбцов. Для этих целей следует использовать элементы <table>.

• CSS Grid Layout Module Level 1 //www.w3.org/TR/css-grid-1/
• PLAYGROUND //developer.mozilla.org/en-US/play
• CSS справочник //puzzleweb.ru
•  Шпаргалка по Grid CSS //tpverstak.ru/grid/

Сеточная раскладка Grid

Адаптивный дополненный перевод "CSS Grid Tutorial" //medium.com

CSS Grid модель позволяет создавать шаблоны в системе сетки, образованной пересекающимися горизонтальными и вертикальными линиями, задающими размерность и систему координат для контента в grid-контейнере.

• display: grid делает элемент grid-контейнером, и все прямые потомки автоматически становятся  grid-элементами
  • inline-grid
  • subgrid
• grid-template-rows: 1fr 1fr 1fr;
• grid-template-columns: 1fr 1fr 1fr;
• grid-gap: 2vw;

...