Как сделать многострочный flex?

Question

[Николай Романов]

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

.flex {
	display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
	
}
.side {
	flex:1 1 calc(25% - 30px);
	margin:5px;
	box-sizing:border-box;
	min-width:170px;
	padding:50px 20px; 
	font-size:14px; 
	text-align:center; 
	background:#b5ced8; 
	
}

Comments

[Flying]

А как должен будет выглядеть ваш макет если в последней строке будет 1 элемент? Или количество элементов фиксировано?

[Николай Романов]

Flying, он должен иметь такую же ширину, как и другие блоки, если ставить flex-grow: 0; становиться как надо, но не растягиваются блоки

[Flying]

Николай Романов Уточните пожалуйста т.к. ваш вопрос можно понимать двояко: вам нужно чтобы последняя строка была при любом раскладе заполнена полностью? Или вам нужно чтобы блоки тянулись по ширине и были одинаковыми вне зависимости от того заполнена последняя строка или нет?

[Николай Романов]

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

[Flying]

Тогда вариант :K Yaha правильный, вам просто нужно установить flex-grow: 0 для ваших блоков

Answer 1

[Николай Романов]

При уменьшении размера блоки не растягиваются, нужно чтобы они растянулись и заполонили пустоту, а нижний блок должен быть шириной верхних

Comments

[Николай Романов]

Я тупой)