Последний ряд на сетке изображения ⇐ Html

[Anonymous]

Я использую следующий код для создания альбома (в WordPress, но для этого примера это не имеет значения): < /p>

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

.gallery { display:grid; grid-template-columns:auto auto auto; gap:8px; }
.gallery > .img { width:100% !important; position:relative; padding-bottom:75%; }
.gallery img { object-fit:cover; object-position:50%; position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%; }






[img]https://fastly.picsum.photos/id/266/200/300.jpg?hmac=nAZYC6vsnq4fuOzfge00Ylvi9ALRMbMA8wxBxIPTjs0[/img]

Вот как он выходит:

То, что я надеялся сделать, есть изображения на последней строке, которая всегда заполняет. Таким образом, когда есть только одно изображение, сделайте его шириной на 100% и больше по высоте, и для 2 изображений шириной 50% и больше по высоте.
Любые советы о том, как это сделать?

Подробнее здесь: https://stackoverflow.com/questions/795 ... image-grid