Блоки, занимающие свободное пространство по ширине ⇐ Html

[Anonymous]

В разметке сайта есть следующий блок


и дополнительные блоки также будут загружаться при нажатии на кнопку. Не могу придумать, как заставить один из блоков занимать больше места, не задавая жестко ширину самого блока, просто это работает
вот так


Пожалуйста, скажите мне, как я могу сделать это с помощью CSS .

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

.portfolio__works {
display: grid;
grid-template-columns: auto auto;
}

.project {}

.project--small {
max-width: 470px;
}

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

Design
SOFA

Branding
KeyBoard

Illustration
Work Media

Motion
DDDone

Подробнее здесь: https://stackoverflow.com/questions/793 ... e-in-width