@Sector567

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

Здравствуйте!
То есть как сделать как в бутстрапе, чтобы один элемент в ряду занимал например 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 колонок)?
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
@Haoss
html-верстальщик
типа так?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы