Как задать параметры блокам так, чтобы они были строги только по ширине, а высота автоматический менялась?

Question

[GoodPirojok]

Есть изображения, но они разной высоты и получается так, что горизонтальные занимают столько же места, как и вертикальные и образуют пустоту. Как от неё избавиться и сделать всё обтекаемым?

.gallery-grid-2 {
	width:1000px;
	display:grid;
	grid-template-columns:auto auto auto;
	grid-gap:10px;
}
.gallery-grid-2 div {
	width:100%;
	height:auto;
}
.gallery-grid-2 div img {
	width:100%;
	height:auto;
}

Comments

[Rustam Bainazarov]

Никак нормально на CSS (float, inline, column-count и т. п.) и тем более с применением Grid.

Для полноценной и нормальной реализации используйте любой Masonry-скрипт.