Задать вопрос
@Novamoscow

Разметка на флексах как реализовать конкретный макет?

у страницы есть правый сайт бар(с лева), далее контентная часть ( с права), и форма (с лева).
Сложность в том, что на мобилке все должно встать друг под другом. Сайт бар - контент - форма.

cae47dd33246487fada8ad023c30ea98.jpg
  • Вопрос задан
  • 217 просмотров
Подписаться 1 Оценить 1 комментарий
Решения вопроса 1
HelenaS
@HelenaS
<div class="wrapper">
	<div class="aside"></div>
	<div class="main"></div>
	<div class="form"></div>
</div>

<style>
	.wrapper {
		display: flex;
		flex-direction: row;
	}
	@media(min-width: 320px) and (max-width: 990px) {
		.wrapper {
			display: flex;
			flex-direction: column;
		}
	}
</style>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы