let cMin = document.querySelector('.tn-canvas-min');
let cGrid = document.createElement('div');
let pHead = document.head
let sumColumn = 19;
cGrid.classList.add('canvas-grid');
pHead.insertAdjacentHTML('beforeend', '<style>.canvas-grid{position: absolute;left: 0;right: 0;width: 100%;height: 100%;display: grid;grid-template-columns: 83px 33px 84px 33px 83px 34px 83px 33px 84px 66px 84px 33px 83px 34px 83px 33px 84px 33px 83px;padding: 0 17px;box-sizing: border-box;}.canvas-column{border-right: 1px solid blue;opacity: 0.3;}.canvas-column:first-of-type{border-left: 1px solid blue;}</style>')
for (let i = 0; i < sumColumn; i += 1) {
let cCol = document.createElement('div');
cCol.classList.add('canvas-column');
cGrid.appendChild(cCol);
cMin.insertAdjacentElement('beforeend', cGrid);
}
let cMin = document.querySelector('.tn-canvas-min');
let cGrid = document.createElement('div');
let pHead = document.head
let sumColumn = 15;
cGrid.classList.add('canvas-grid');
pHead.insertAdjacentHTML('beforeend', '<style>.canvas-grid{position: absolute;left: 0;right: 0;width: 100%;height: 100%;display: grid;grid-template-columns: 116px 15px 117px 15px 117px 15px 117px 76px 116px 15px 117px 15px 117px 15px 117px;padding: 0 50px;box-sizing: border-box;}.canvas-column{border-right: 1px solid red;opacity: 0.3;}.canvas-column:first-of-type{border-left: 1px solid red;}</style>')
for (let i = 0; i < sumColumn; i += 1) {
let cCol = document.createElement('div');
cCol.classList.add('canvas-column');
cGrid.appendChild(cCol);
cMin.insertAdjacentElement('beforeend', cGrid);
}
Повторить эту сетку можно прямо в редакторе тильды или вставить SVG-изображение сетки в zero block.
let cMin = document.querySelector('.tn-canvas-min');
let cGrid = document.createElement('div');
let pHead = document.head
let sumColumn = 11;
cGrid.classList.add('canvas-grid');
pHead.insertAdjacentHTML('beforeend', '<style>.canvas-grid{position: absolute;left: 0;right: 0;width: 100%;height: 100%;display: grid;grid-template-columns: 167px 17px 166px 17px 167px 66px 167px 17px 166px 17px 167px;padding: 0 33px;box-sizing: border-box;}.canvas-column{border-right: 1px solid blue;opacity: 0.3;}.canvas-column:first-of-type{border-left: 1px solid blue;}</style>')
for (let i = 0; i < sumColumn; i += 1) {
let cCol = document.createElement('div');
cCol.classList.add('canvas-column');
cGrid.appendChild(cCol);
cMin.insertAdjacentElement('beforeend', cGrid);
}