Могу ли я иметь различное количество столбцов в строке в сетке CSS? ⇐ CSS

[Anonymous]

Код: Выделить всё

.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 100px;
grid-auto-rows: 60px;
grid-gap: 15px;
}

.col {
background-color: tomato;
}< /code>



< /code>
< /div>
< /div>
< /p>

Это создает 2 ряда, сначала - высота 100px, второй Авторизован с высотой 60px 

. 2 столбцы во второй строке имеют 1FR ширину.

это возможно через CSS Grid/Flexbox до горизонтального центра 2 столбцов во 2 -й строке? Т.е. Иметь различное количество столбцов в строке. Это довольно непроблемен для достижения, если вы создаете свои сетки с помощью Flexbox. Вот демо -кодепен того, чего я пытаюсь достичь.

Подробнее здесь: https://stackoverflow.com/questions/476 ... a-css-grid