Как сделать сетку на флексах c возможностью задать разную ширину отдельному элементу?

Question

[Sector567]

Здравствуйте!
То есть как сделать как в бутстрапе, чтобы один элемент в ряду занимал например 2 колонки, а остальные элементы в ряду были по одной колонке? Имеется ввиду при стандартной 12-ти колоночной сетке?

Смотрел Дмитрия Лаврика, код там был примерно следующий:

.row{
	margin: 0 -15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.col{
	min-height: 50px;
	margin: 15px;
	width: calc(100% / 12 * 3 - 30px);
}

Но при данном подходе все элементы имеют равную ширину, а если в ряду нужно, чтобы один из этих элементов имел например 2 колонки, в то время как остальные занимали по одной колонке (P.S. сетка и 12 колонок)?

Answer 1

[Дмитрий Христоев]

типа так?

Comments

[Sector567]

спасибо