Как сделать активную кнопку?

AppAlex, напишите мне на почту.

Как сделать активную кнопку?

<div class="start-test">
                            <div class="start-test-button ripplelink" data-href="#mypres">
                                <a href="https://ccrb.ru/dsW223vW" style="display: block; postion: relative; z-index: 100;">
                                    <img class="get" src="images/ico-money.png" alt=""> Собрать барбекю</a>
                            </div>
                        </div>

Как объединить ячейки в css grid?

https://jsfiddle.net/Lh7yotcd/

Как объединить ячейки в css grid?

вместо width применяйте max-width.

Как объединить ячейки в css grid?

.grid > div:nth-child(even) {
background-color: #f00;
}
.grid > div:nth-child(odd) {
background-color: #00f;
}
.grid {
display: grid;
grid-gap: 5px;
align-items: flex-start;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(24, max-content);

}
.item-1 {
height: 100%;
width: 350px;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 12;

}
.item-2 {
height: 100%;
width: 350px;

grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 10;
}
.item-3 {
height: 100%;
width: 350px;
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 12;
grid-row-end: 24;
}
.item-4 {
height: 100%;
width: 350px;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 10;
grid-row-end: 17;
}
.item-5 {
height: 0px;
}
.item-6 {
height: 100%;
width: 350px;
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 17;
grid-row-end: 24;
}

Как объединить ячейки в css grid?

Вы сделайте блоки действительно динамическими и проверьте решение.

Как объединить ячейки в css grid?

Позвольте спросить, для чего вы задаете высоту в абсолютных величинах?