/*
    Пример показывает распределение свободного места через fr-единицы.
    Третья колонка получает в два раза больше доступной ширины, чем первые две.
*/
.grid-container {
    display: grid;
    height: 800px;
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 1em;
}

.item {
    background: #0071ff;
    padding: 2em;
    font-size: 1.5rem;
}