Как запретить растягивание ячейки сетки из-за контента?

Question

[yarovikov]

Привет всем. Никогда не думал, что буду задавать вопросы по верстке, но вот случилось )

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

Answer 1

[yarovikov]

Кому интересно, проблема была решена с помощью абсолютного позиционирования проблемной ячейки:

.first-block {
	height:650px;
	display:grid;
	width:100%;
	grid-template-columns:minmax(5%,auto) minmax(auto,500px) minmax(auto,670px) minmax(5%,auto);
	position:relative;
}

.first-block__images {
	grid-column:1/3;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

Comments

[yarovikov]

Qlink, я проблему решил, а вот от тебя, кроме балабольства решения так и не дождался. Скинешь рабочее решение на codepen - тогда и поговорим